@internetarchive/collection-browser 0.3.1-alpha.3 → 0.3.2-alpha.1

package/dist/src/collection-facets/more-facets-content.js

@@ -219,51 +219,51 @@ let MoreFacetsContent = class MoreFacetsContent extends LitElement {
     }
     get getMoreFacetsTemplate() {
         var _a;
-        return html `
-      <facets-template
-        .facetGroup=${(_a = this.mergedFacets) === null || _a === void 0 ? void 0 : _a.shift()}
-        .selectedFacets=${this.selectedFacets}
-        .renderOn=${'modal'}
-        .collectionNameCache=${this.collectionNameCache}
+        return html `
+      <facets-template
+        .facetGroup=${(_a = this.mergedFacets) === null || _a === void 0 ? void 0 : _a.shift()}
+        .selectedFacets=${this.selectedFacets}
+        .renderOn=${'modal'}
+        .collectionNameCache=${this.collectionNameCache}
         @selectedFacetsChanged=${(e) => {
             this.selectedFacets = e.detail;
-        }}
-      ></facets-template>
+        }}
+      ></facets-template>
     `;
     }
     get loaderTemplate() {
-        return html `<div class="facets-loader">
-      <ia-activity-indicator .mode=${'processing'}></ia-activity-indicator>
+        return html `<div class="facets-loader">
+      <ia-activity-indicator .mode=${'processing'}></ia-activity-indicator>
     </div> `;
     }
     // render pagination if more then 1 page
     get facetsPaginationTemplate() {
         return this.paginationSize > 1
-            ? html `<more-facets-pagination
-          .size=${this.paginationSize}
-          .currentPage=${1}
-          @pageNumberClicked=${this.pageNumberClicked}
+            ? html `<more-facets-pagination
+          .size=${this.paginationSize}
+          .currentPage=${1}
+          @pageNumberClicked=${this.pageNumberClicked}
         ></more-facets-pagination>`
             : nothing;
     }
     get footerTemplate() {
         if (this.paginationSize > 0) {
-            return html `${this.facetsPaginationTemplate}
-        <div class="footer">
-          <button
-            class="btn btn-cancel"
-            type="button"
-            @click=${this.cancelClick}
-          >
-            Cancel
-          </button>
-          <button
-            class="btn btn-submit"
-            type="button"
-            @click=${this.applySearchFacetsClicked}
-          >
-            Apply filters
-          </button>
+            return html `${this.facetsPaginationTemplate}
+        <div class="footer">
+          <button
+            class="btn btn-cancel"
+            type="button"
+            @click=${this.cancelClick}
+          >
+            Cancel
+          </button>
+          <button
+            class="btn btn-submit"
+            type="button"
+            @click=${this.applySearchFacetsClicked}
+          >
+            Apply filters
+          </button>
         </div> `;
         }
         return nothing;
@@ -277,30 +277,30 @@ let MoreFacetsContent = class MoreFacetsContent extends LitElement {
         const image = this.sortedBy === 'alpha'
             ? 'https://archive.org/images/filter-alpha.png'
             : 'https://archive.org/images/filter-count.png';
-        return html `<span class="sr-only">More facets for:</span>
-      <span class="title">
-        ${this.facetGroupTitle}
-        <input
-          class="sorting-icon"
-          type="image"
-          @click=${() => this.sortFacetAggregation()}
-          src="${image}"
-          title=${title}
-          alt="sort facets"
-        />
+        return html `<span class="sr-only">More facets for:</span>
+      <span class="title">
+        ${this.facetGroupTitle}
+        <input
+          class="sorting-icon"
+          type="image"
+          @click=${() => this.sortFacetAggregation()}
+          src="${image}"
+          title=${title}
+          alt="sort facets"
+        />
       </span> `;
     }
     render() {
-        return html `
+        return html `
       ${this.facetsLoading
             ? this.loaderTemplate
-            : html `
-            <section id="more-facets">
-              <div class="header-content">${this.getModalHeaderTemplate}</div>
-              <div class="facets-content">${this.getMoreFacetsTemplate}</div>
-              ${this.footerTemplate}
-            </section>
-          `}
+            : html `
+            <section id="more-facets">
+              <div class="header-content">${this.getModalHeaderTemplate}</div>
+              <div class="facets-content">${this.getMoreFacetsTemplate}</div>
+              ${this.footerTemplate}
+            </section>
+          `}
     `;
     }
     applySearchFacetsClicked() {
@@ -319,91 +319,91 @@ let MoreFacetsContent = class MoreFacetsContent extends LitElement {
     }
     static get styles() {
         const modalSubmitButton = css `var(--primaryButtonBGColor, #194880)`;
-        return css `
-      @media (max-width: 560px) {
-        section#more-facets {
-          max-height: 450px;
-        }
-        .facets-content {
-          overflow-y: auto;
-          height: 300px;
-        }
-      }
-      section#more-facets {
-        overflow: auto;
-        padding: 10px; // leaves room for scroll bar to appear without overlaying on content
-      }
-      .header-content .title {
-        display: block;
-        text-align: left;
-        font-size: 1.8rem;
-        padding: 0 10px;
-        font-weight: bold;
-      }
-      .facets-content {
-        font-size: 1.2rem;
-        max-height: 300px;
-        overflow: auto;
-        padding: 10px;
-      }
-      .page-number {
-        background: none;
-        border: 0;
-        cursor: pointer;
-        border-radius: 100%;
-        width: 25px;
-        height: 25px;
-        margin: 10px;
-        font-size: 1.4rem;
-        vertical-align: middle;
-      }
-      .current-page {
-        background: black;
-        color: white;
-      }
-      .facets-loader {
-        margin-bottom: 20px;
-        width: 70px;
-        display: block;
-        margin-left: auto;
-        margin-right: auto;
-      }
-      .btn {
-        border: none;
-        padding: 10px;
-        margin-bottom: 10px;
-        width: auto;
-        border-radius: 4px;
-        cursor: pointer;
-      }
-      .btn-cancel {
-        background-color: #000;
-        color: white;
-      }
-      .btn-submit {
-        background-color: ${modalSubmitButton};
-        color: white;
-      }
-      .footer {
-        text-align: center;
-        margin-top: 10px;
-      }
-
-      .sr-only {
-        position: absolute;
-        width: 1px;
-        height: 1px;
-        padding: 0;
-        margin: -1px;
-        overflow: hidden;
-        clip: rect(0, 0, 0, 0);
-        border: 0;
-      }
-      .sorting-icon {
-        height: 15px;
-        vertical-align: baseline;
-        cursor: pointer;
-      }
+        return css `
+      @media (max-width: 560px) {
+        section#more-facets {
+          max-height: 450px;
+        }
+        .facets-content {
+          overflow-y: auto;
+          height: 300px;
+        }
+      }
+      section#more-facets {
+        overflow: auto;
+        padding: 10px; // leaves room for scroll bar to appear without overlaying on content
+      }
+      .header-content .title {
+        display: block;
+        text-align: left;
+        font-size: 1.8rem;
+        padding: 0 10px;
+        font-weight: bold;
+      }
+      .facets-content {
+        font-size: 1.2rem;
+        max-height: 300px;
+        overflow: auto;
+        padding: 10px;
+      }
+      .page-number {
+        background: none;
+        border: 0;
+        cursor: pointer;
+        border-radius: 100%;
+        width: 25px;
+        height: 25px;
+        margin: 10px;
+        font-size: 1.4rem;
+        vertical-align: middle;
+      }
+      .current-page {
+        background: black;
+        color: white;
+      }
+      .facets-loader {
+        margin-bottom: 20px;
+        width: 70px;
+        display: block;
+        margin-left: auto;
+        margin-right: auto;
+      }
+      .btn {
+        border: none;
+        padding: 10px;
+        margin-bottom: 10px;
+        width: auto;
+        border-radius: 4px;
+        cursor: pointer;
+      }
+      .btn-cancel {
+        background-color: #000;
+        color: white;
+      }
+      .btn-submit {
+        background-color: ${modalSubmitButton};
+        color: white;
+      }
+      .footer {
+        text-align: center;
+        margin-top: 10px;
+      }
+
+      .sr-only {
+        position: absolute;
+        width: 1px;
+        height: 1px;
+        padding: 0;
+        margin: -1px;
+        overflow: hidden;
+        clip: rect(0, 0, 0, 0);
+        border: 0;
+      }
+      .sorting-icon {
+        height: 15px;
+        vertical-align: baseline;
+        cursor: pointer;
+      }
     `;
     }
 };

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

@@ -1 +1 @@
-{"version":3,"file":"more-facets-content.js","sourceRoot":"","sources":["../../../src/collection-facets/more-facets-content.ts"],"names":[],"mappings":";AAAA,iCAAiC;AACjC,0DAA0D;AAC1D,OAAO,EACL,GAAG,EAEH,IAAI,EACJ,UAAU,EACV,OAAO,GAGR,MAAM,KAAK,CAAC;AACb,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAML,mBAAmB,GACpB,MAAM,iCAAiC,CAAC;AAGzC,OAAO,EAKL,WAAW,GACZ,MAAM,WAAW,CAAC;AAEnB,OAAO,8DAA8D,CAAC;AACtE,OAAO,0BAA0B,CAAC;AAClC,OAAO,mBAAmB,CAAC;AAG3B,IAAa,iBAAiB,GAA9B,MAAa,iBAAkB,SAAQ,UAAU;IAAjD;;QAqB8B,aAAQ,GAAG,OAAO,CAAC,CAAC,gBAAgB;QAIvD,eAAU,GAAkB,EAAE,CAAC;QAE/B,oBAAe,GAAY,EAAE,CAAC;QAE9B,eAAU,GAAG,CAAC,CAAC;QAExB;;WAEG;QACM,kBAAa,GAAG,IAAI,CAAC;QAErB,mBAAc,GAAG,CAAC,CAAC;QAEnB,eAAU,GAAG,OAAO,CAAC;QAEtB,kBAAa,GAAG,EAAE,CAAC;IA0b7B,CAAC;IAxbC,OAAO,CAAC,OAAuB;QAC7B,IAAI,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE;YAC3B,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;YAC1B,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC;YAEpB,IAAI,CAAC,oBAAoB,EAAE,CAAC;SAC7B;QAED,IAAI,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE;YAC7B,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,sBAAsB,CAAC;SAC/C;IACH,CAAC;IAED,YAAY;QACV,IAAI,CAAC,oBAAoB,EAAE,CAAC;IAC9B,CAAC;IAED;;OAEG;IACK,oBAAoB;QAC1B,IAAI,IAAI,CAAC,YAAY,EAAE;YACrB,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,CAAC,CAAgB,EAAE,EAAE;;gBACxD,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE;oBACtB,MAAA,IAAI,CAAC,YAAY,0CAAE,UAAU,EAAE,CAAC;iBACjC;YACH,CAAC,CAAC,CAAC;SACJ;aAAM;YACL,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;SACnD;IACH,CAAC;IAED;;;OAGG;IACH,KAAK,CAAC,oBAAoB;;QACxB,MAAM,YAAY,GAAG;YACnB,YAAY,EAAE,CAAC,IAAI,CAAC,mBAA6B,CAAC;SACnD,CAAC;QACF,MAAM,gBAAgB,GAAG,KAAK,CAAC,CAAC,qDAAqD;QAErF,MAAM,MAAM,GAAiB;YAC3B,KAAK,EAAE,IAAI,CAAC,SAAmB;YAC/B,YAAY;YACZ,gBAAgB;YAChB,IAAI,EAAE,CAAC,EAAE,wEAAwE;SAClF,CAAC;QAEF,MAAM,OAAO,GAAG,MAAM,CAAA,MAAA,IAAI,CAAC,aAAa,0CAAE,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,UAAU,CAAC,CAAA,CAAC;QAC1E,IAAI,CAAC,YAAY,GAAG,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,0CAAE,QAAQ,CAAC,YAAY,CAAC;QAE5D,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,sBAAsB,CAAC;QAC9C,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;IAC7B,CAAC;IAEO,iBAAiB,CAAC,CAAgC;;QACxD,MAAM,IAAI,GAAG,MAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,MAAM,0CAAE,IAAI,CAAC;QAC7B,IAAI,IAAI,EAAE;YACR,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;SAChC;IACH,CAAC;IAED;;OAEG;IACH,IAAY,YAAY;;QACtB,MAAM,WAAW,GAAiB,EAAE,CAAC;QAErC,MAAM,kBAAkB,GAAG,IAAI,CAAC,mBAAmB,CAAC,IAAI,CACtD,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,KAAK,IAAI,CAAC,QAAQ,CACrC,CAAC;QACF,MAAM,mBAAmB,GAAG,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAC1D,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,KAAK,IAAI,CAAC,QAAQ,CACrC,CAAC;QAEF,iFAAiF;QACjF,IAAI,kBAAkB,IAAI,CAAC,mBAAmB,EAAE;YAC9C,WAAW,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;YACrC,OAAO,WAAW,CAAC;SACpB;QAED,wEAAwE;QACxE,IAAI,CAAC,mBAAmB;YAAE,OAAO,WAAW,CAAC;QAE7C,8EAA8E;QAC9E,MAAM,UAAU,GAAG,kBAAkB,aAAlB,kBAAkB,cAAlB,kBAAkB,GAAI,mBAAmB,CAAC;QAE7D,4CAA4C;QAC5C,MAAM,gBAAgB,GACpB,MAAA,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;YACvC,MAAM,cAAc,GAAG,mBAAmB,CAAC,OAAO,CAAC,IAAI,CACrD,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,MAAM,CAAC,GAAG,CAC1B,CAAC;YACF,OAAO,cAAc;gBACnB,CAAC,CAAC;oBACE,GAAG,MAAM;oBACT,KAAK,EAAE,cAAc,CAAC,KAAK;iBAC5B;gBACH,CAAC,CAAC,MAAM,CAAC;QACb,CAAC,CAAC,mCAAI,EAAE,CAAC;QAEX,uDAAuD;QACvD,mBAAmB,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;YAC3C,MAAM,cAAc,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,MAAM,CAAC,GAAG,CAAC,CAAC;YACxE,IAAI,cAAc;gBAAE,OAAO;YAC3B,gBAAgB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAChC,CAAC,CAAC,CAAC;QACH,UAAU,CAAC,OAAO,GAAG,gBAAgB,CAAC;QAEtC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAC7B,OAAO,WAAW,CAAC;IACrB,CAAC;IAED;;;OAGG;IACH,IAAY,mBAAmB;QAC7B,IAAI,CAAC,IAAI,CAAC,cAAc;YAAE,OAAO,EAAE,CAAC;QAEpC,MAAM,WAAW,GAAiB,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,GAAG,CACvE,CAAC,CAAC,GAAG,EAAE,cAAc,CAAC,EAAE,EAAE;YACxB,MAAM,MAAM,GAAG,GAAkB,CAAC;YAClC,MAAM,KAAK,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC;YAElC,MAAM,OAAO,GAAkB,MAAM,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,GAAG,CAC/D,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE,EAAE;;gBAChB,IAAI,WAAW,GAAW,KAAK,CAAC;gBAChC,oEAAoE;gBACpE,qDAAqD;gBACrD,IAAI,MAAM,KAAK,UAAU,EAAE;oBACzB,WAAW;wBACT,MAAA,MAAA,IAAI,CAAC,mBAAmB,0CAAE,6BAA6B,CACrD,KAAK,CACN,mCAAI,KAAK,CAAC;iBACd;gBACD,OAAO;oBACL,WAAW;oBACX,GAAG,EAAE,KAAK;oBACV,KAAK,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK;oBAClB,KAAK,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK;iBACnB,CAAC;YACJ,CAAC,CACF,CAAC;YAEF,OAAO;gBACL,KAAK;gBACL,GAAG,EAAE,MAAM;gBACX,OAAO;aACR,CAAC;QACJ,CAAC,CACF,CAAC;QAEF,OAAO,WAAW,CAAC;IACrB,CAAC;IAED;;OAEG;IACH,IAAY,sBAAsB;;QAChC,MAAM,WAAW,GAAiB,EAAE,CAAC;QACrC,MAAM,CAAC,OAAO,CAAC,MAAA,IAAI,CAAC,YAAY,mCAAI,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,WAAW,CAAC,EAAE,EAAE;YACrE,4EAA4E;YAC5E,IAAI,GAAG,KAAK,gBAAgB;gBAAE,OAAO;YAErC,MAAM,MAAM,GAAG,GAAkB,CAAC;YAClC,IAAI,CAAC,eAAe,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC;YAE3C,gCAAgC;YAChC,IAAI,aAAa,GAAG,WAAW,CAAC,gBAAgB,CAC9C,IAAI,CAAC,QAAQ,KAAK,OAAO;gBACvB,CAAC,CAAC,mBAAmB,CAAC,YAAY;gBAClC,CAAC,CAAC,mBAAmB,CAAC,KAAK,CAClB,CAAC;YAEd,IAAI,MAAM,KAAK,YAAY,EAAE;gBAC3B,qDAAqD;gBACrD,aAAa,GAAG,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,MAAM,CACnC,MAAM,CAAC,EAAE,WAAC,OAAA,CAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,GAAG,0CAAE,QAAQ,GAAG,UAAU,CAAC,MAAM,CAAC,MAAK,KAAK,CAAA,EAAA,CAC/D,CAAC;gBAEF,0CAA0C;gBAC1C,IAAI,CAAC,sBAAsB,CAAC,aAAa,CAAC,CAAC;aAC5C;YAED,uDAAuD;YACvD,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC,IAAI,CAAC,aAAmB,CAAC,CAAC;YACpD,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC;YAE7D,oEAAoE;YACpE,MAAM,aAAa,GAAG,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,KAAK,CACxC,CAAC,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,aAAa,EAC1C,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,aAAa,CACrC,CAAC;YAEF,MAAM,WAAW,GAAkB,aAAa,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;;gBAC5D,IAAI,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC;gBAC3B,mEAAmE;gBACnE,mEAAmE;gBACnE,IAAI,MAAM,KAAK,UAAU,EAAE;oBACzB,SAAS;wBACP,MAAA,MAAA,IAAI,CAAC,mBAAmB,0CAAE,6BAA6B,CACrD,GAAG,MAAM,CAAC,GAAG,EAAE,CAChB,mCAAI,MAAM,CAAC,GAAG,CAAC;iBACnB;gBACD,OAAO;oBACL,WAAW,EAAE,GAAG,MAAM,CAAC,GAAG,EAAE;oBAC5B,GAAG,EAAE,GAAG,SAAS,EAAE;oBACnB,KAAK,EAAE,MAAM,CAAC,SAAS;oBACvB,KAAK,EAAE,MAAM;iBACd,CAAC;YACJ,CAAC,CAAC,CAAC;YACH,MAAM,KAAK,GAAe;gBACxB,KAAK,EAAE,IAAI,CAAC,eAAyB;gBACrC,GAAG,EAAE,MAAM;gBACX,OAAO,EAAE,WAAW;aACrB,CAAC;YACF,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC1B,CAAC,CAAC,CAAC;QAEH,OAAO,WAAW,CAAC;IACrB,CAAC;IAED;;;;;OAKG;IACK,sBAAsB,CAAC,aAAoB;;QACjD,MAAM,aAAa,GAAG,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;QAC/D,MAAM,kBAAkB,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,aAAa,CAAC,CAAa,CAAC;QAE1E,MAAA,IAAI,CAAC,mBAAmB,0CAAE,kBAAkB,CAAC,kBAAkB,CAAC,CAAC;IACnE,CAAC;IAED,IAAY,qBAAqB;;QAC/B,OAAO,IAAI,CAAA;;sBAEO,MAAA,IAAI,CAAC,YAAY,0CAAE,KAAK,EAAE;0BACtB,IAAI,CAAC,cAAc;oBACzB,OAAO;+BACI,IAAI,CAAC,mBAAmB;iCACtB,CAAC,CAAc,EAAE,EAAE;YAC1C,IAAI,CAAC,cAAc,GAAG,CAAC,CAAC,MAAM,CAAC;QACjC,CAAC;;KAEJ,CAAC;IACJ,CAAC;IAED,IAAY,cAAc;QACxB,OAAO,IAAI,CAAA;qCACsB,YAAY;YACrC,CAAC;IACX,CAAC;IAED,wCAAwC;IACxC,IAAY,wBAAwB;QAClC,OAAO,IAAI,CAAC,cAAc,GAAG,CAAC;YAC5B,CAAC,CAAC,IAAI,CAAA;kBACM,IAAI,CAAC,cAAc;yBACZ,CAAC;+BACK,IAAI,CAAC,iBAAiB;mCAClB;YAC7B,CAAC,CAAC,OAAO,CAAC;IACd,CAAC;IAED,IAAY,cAAc;QACxB,IAAI,IAAI,CAAC,cAAc,GAAG,CAAC,EAAE;YAC3B,OAAO,IAAI,CAAA,GAAG,IAAI,CAAC,wBAAwB;;;;;qBAK5B,IAAI,CAAC,WAAW;;;;;;;qBAOhB,IAAI,CAAC,wBAAwB;;;;gBAIlC,CAAC;SACZ;QAED,OAAO,OAAO,CAAC;IACjB,CAAC;IAEO,oBAAoB;QAC1B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC;QAC9D,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,cAAc,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,CAC3D,CAAC;IACJ,CAAC;IAED,IAAY,sBAAsB;QAChC,MAAM,KAAK,GACT,IAAI,CAAC,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,wBAAwB,CAAC;QAEzE,MAAM,KAAK,GACT,IAAI,CAAC,QAAQ,KAAK,OAAO;YACvB,CAAC,CAAC,6CAA6C;YAC/C,CAAC,CAAC,6CAA6C,CAAC;QAEpD,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,eAAe;;;;mBAIX,GAAG,EAAE,CAAC,IAAI,CAAC,oBAAoB,EAAE;iBACnC,KAAK;kBACJ,KAAK;;;eAGR,CAAC;IACd,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,aAAa;YAClB,CAAC,CAAC,IAAI,CAAC,cAAc;YACrB,CAAC,CAAC,IAAI,CAAA;;4CAE8B,IAAI,CAAC,sBAAsB;4CAC3B,IAAI,CAAC,qBAAqB;gBACtD,IAAI,CAAC,cAAc;;WAExB;KACN,CAAC;IACJ,CAAC;IAEO,wBAAwB;;QAC9B,MAAM,KAAK,GAAG,IAAI,WAAW,CAAiB,eAAe,EAAE;YAC7D,MAAM,EAAE,IAAI,CAAC,cAAc;YAC3B,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACf,CAAC,CAAC;QACH,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC1B,MAAA,IAAI,CAAC,YAAY,0CAAE,UAAU,EAAE,CAAC;IAClC,CAAC;IAEO,WAAW;;QACjB,MAAA,IAAI,CAAC,YAAY,0CAAE,UAAU,EAAE,CAAC;IAClC,CAAC;IAED,MAAM,KAAK,MAAM;QACf,MAAM,iBAAiB,GAAG,GAAG,CAAA,sCAAsC,CAAC;QAEpE,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4BA8Dc,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;KAuBxC,CAAC;IACJ,CAAC;CACF,CAAA;AAje6B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;mDAAmB;AAElB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;8DAA8B;AAE7B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oDAAoB;AAEnB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uDAAsC;AAErC;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wDAAwC;AAEvC;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qDAAyB;AAGpD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;8DACwB;AAGnD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;8DACwB;AAEvB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;yDAAiC;AAEhC;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;mDAAoB;AAEtC;IAAR,KAAK,EAAE;uDAA4C;AAE3C;IAAR,KAAK,EAAE;qDAAgC;AAE/B;IAAR,KAAK,EAAE;0DAA+B;AAE9B;IAAR,KAAK,EAAE;qDAAgB;AAKf;IAAR,KAAK,EAAE;wDAAsB;AAErB;IAAR,KAAK,EAAE;yDAAoB;AAEnB;IAAR,KAAK,EAAE;qDAAsB;AAtCnB,iBAAiB;IAD7B,aAAa,CAAC,qBAAqB,CAAC;GACxB,iBAAiB,CAke7B;SAleY,iBAAiB","sourcesContent":["/* eslint-disable dot-notation */\r\n/* eslint-disable lit-a11y/click-events-have-key-events */\r\nimport {\r\n  css,\r\n  CSSResultGroup,\r\n  html,\r\n  LitElement,\r\n  nothing,\r\n  PropertyValues,\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  SearchParams,\r\n  SearchType,\r\n  AggregationSortType,\r\n} from '@internetarchive/search-service';\r\nimport type { CollectionNameCacheInterface } from '@internetarchive/collection-name-cache';\r\nimport type { ModalManagerInterface } from '@internetarchive/modal-manager';\r\nimport {\r\n  SelectedFacets,\r\n  FacetGroup,\r\n  FacetBucket,\r\n  FacetOption,\r\n  facetTitles,\r\n} from '../models';\r\nimport type { LanguageCodeHandlerInterface } from '../language-code-handler/language-code-handler';\r\nimport '@internetarchive/ia-activity-indicator/ia-activity-indicator';\r\nimport './more-facets-pagination';\r\nimport './facets-template';\r\n\r\n@customElement('more-facets-content')\r\nexport class MoreFacetsContent extends LitElement {\r\n  @property({ type: String }) facetKey?: string;\r\n\r\n  @property({ type: String }) facetAggregationKey?: string;\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 }) searchService?: SearchServiceInterface;\r\n\r\n  @property({ type: String }) searchType?: SearchType;\r\n\r\n  @property({ type: Object })\r\n  collectionNameCache?: CollectionNameCacheInterface;\r\n\r\n  @property({ type: Object })\r\n  languageCodeHandler?: LanguageCodeHandlerInterface;\r\n\r\n  @property({ type: Object }) selectedFacets?: SelectedFacets;\r\n\r\n  @property({ type: String }) sortedBy = 'count'; // count | alpha\r\n\r\n  @state() aggregations?: Record<string, Aggregation>;\r\n\r\n  @state() facetGroup?: FacetGroup[] = [];\r\n\r\n  @state() facetGroupTitle?: String = '';\r\n\r\n  @state() pageNumber = 1;\r\n\r\n  /**\r\n   * Facets are loading on popup\r\n   */\r\n  @state() facetsLoading = true;\r\n\r\n  @state() paginationSize = 0;\r\n\r\n  @state() facetsType = 'modal';\r\n\r\n  private facetsPerPage = 35;\r\n\r\n  updated(changed: PropertyValues) {\r\n    if (changed.has('facetKey')) {\r\n      this.facetsLoading = true;\r\n      this.pageNumber = 1;\r\n\r\n      this.updateSpecificFacets();\r\n    }\r\n\r\n    if (changed.has('pageNumber')) {\r\n      this.facetGroup = this.aggregationFacetGroups;\r\n    }\r\n  }\r\n\r\n  firstUpdated() {\r\n    this.setupEscapeListeners();\r\n  }\r\n\r\n  /**\r\n   * Close more facets modal on Escape click\r\n   */\r\n  private setupEscapeListeners() {\r\n    if (this.modalManager) {\r\n      document.addEventListener('keydown', (e: KeyboardEvent) => {\r\n        if (e.key === 'Escape') {\r\n          this.modalManager?.closeModal();\r\n        }\r\n      });\r\n    } else {\r\n      document.removeEventListener('keydown', () => {});\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Get specific facets data from search-service API based of currently query params\r\n   * - this.aggregations - hold result of search service and being used for further processing.\r\n   */\r\n  async updateSpecificFacets(): Promise<void> {\r\n    const aggregations = {\r\n      simpleParams: [this.facetAggregationKey as string],\r\n    };\r\n    const aggregationsSize = 65535; // todo - do we want to have all the records at once?\r\n\r\n    const params: SearchParams = {\r\n      query: this.fullQuery as string,\r\n      aggregations,\r\n      aggregationsSize,\r\n      rows: 0, // todo - do we want server-side pagination with offset/page/limit flag?\r\n    };\r\n\r\n    const results = await this.searchService?.search(params, this.searchType);\r\n    this.aggregations = results?.success?.response.aggregations;\r\n\r\n    this.facetGroup = this.aggregationFacetGroups;\r\n    this.facetsLoading = false;\r\n  }\r\n\r\n  private pageNumberClicked(e: CustomEvent<{ page: number }>) {\r\n    const page = e?.detail?.page;\r\n    if (page) {\r\n      this.pageNumber = Number(page);\r\n    }\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[] | void {\r\n    const facetGroups: FacetGroup[] = [];\r\n\r\n    const selectedFacetGroup = this.selectedFacetGroups.find(\r\n      group => group.key === this.facetKey\r\n    );\r\n    const aggregateFacetGroup = this.aggregationFacetGroups.find(\r\n      group => group.key === this.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 facetGroups;\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 facetGroups;\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    const 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    facetGroup.buckets = bucketsWithCount;\r\n\r\n    facetGroups.push(facetGroup);\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, data]) => {\r\n            let displayText: string = 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            return {\r\n              displayText,\r\n              key: value,\r\n              count: data?.count,\r\n              state: data?.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, aggregation]) => {\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      this.facetGroupTitle = facetTitles[option];\r\n\r\n      // sort facets in specific order\r\n      let castedBuckets = aggregation.getSortedBuckets(\r\n        this.sortedBy === 'alpha'\r\n          ? AggregationSortType.ALPHABETICAL\r\n          : AggregationSortType.COUNT\r\n      ) as Bucket[];\r\n\r\n      if (option === 'collection') {\r\n        // we are not showing fav- collection items in facets\r\n        castedBuckets = castedBuckets?.filter(\r\n          bucket => bucket?.key?.toString().startsWith('fav-') === false\r\n        );\r\n\r\n        // asynchronously load the collection name\r\n        this.preloadCollectionNames(castedBuckets);\r\n      }\r\n\r\n      // find length and pagination size for modal pagination\r\n      const { length } = Object.keys(castedBuckets as []);\r\n      this.paginationSize = Math.ceil(length / this.facetsPerPage);\r\n\r\n      // render only items which will be visible as per this.facetsPerPage\r\n      const bucketsMaxSix = castedBuckets?.slice(\r\n        (this.pageNumber - 1) * this.facetsPerPage,\r\n        this.pageNumber * this.facetsPerPage\r\n      );\r\n\r\n      const facetBucket: FacetBucket[] = bucketsMaxSix.map(bucket => {\r\n        let bucketKey = 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          bucketKey =\r\n            this.languageCodeHandler?.getCodeStringFromLanguageName(\r\n              `${bucket.key}`\r\n            ) ?? bucket.key;\r\n        }\r\n        return {\r\n          displayText: `${bucket.key}`,\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: this.facetGroupTitle as string,\r\n        key: option,\r\n        buckets: facetBucket,\r\n      };\r\n      facetGroups.push(group);\r\n    });\r\n\r\n    return facetGroups;\r\n  }\r\n\r\n  /**\r\n   * for collections, we need to asynchronously load the collection name\r\n   * so we use the `async-collection-name` widget and for the rest, we have a static value to use\r\n   *\r\n   * @param castedBuckets\r\n   */\r\n  private preloadCollectionNames(castedBuckets: any[]) {\r\n    const collectionIds = castedBuckets?.map(option => option.key);\r\n    const collectionIdsArray = Array.from(new Set(collectionIds)) as string[];\r\n\r\n    this.collectionNameCache?.preloadIdentifiers(collectionIdsArray);\r\n  }\r\n\r\n  private get getMoreFacetsTemplate(): TemplateResult {\r\n    return html`\r\n      <facets-template\r\n        .facetGroup=${this.mergedFacets?.shift()}\r\n        .selectedFacets=${this.selectedFacets}\r\n        .renderOn=${'modal'}\r\n        .collectionNameCache=${this.collectionNameCache}\r\n        @selectedFacetsChanged=${(e: CustomEvent) => {\r\n          this.selectedFacets = e.detail;\r\n        }}\r\n      ></facets-template>\r\n    `;\r\n  }\r\n\r\n  private get loaderTemplate(): TemplateResult {\r\n    return html`<div class=\"facets-loader\">\r\n      <ia-activity-indicator .mode=${'processing'}></ia-activity-indicator>\r\n    </div> `;\r\n  }\r\n\r\n  // render pagination if more then 1 page\r\n  private get facetsPaginationTemplate() {\r\n    return this.paginationSize > 1\r\n      ? html`<more-facets-pagination\r\n          .size=${this.paginationSize}\r\n          .currentPage=${1}\r\n          @pageNumberClicked=${this.pageNumberClicked}\r\n        ></more-facets-pagination>`\r\n      : nothing;\r\n  }\r\n\r\n  private get footerTemplate() {\r\n    if (this.paginationSize > 0) {\r\n      return html`${this.facetsPaginationTemplate}\r\n        <div class=\"footer\">\r\n          <button\r\n            class=\"btn btn-cancel\"\r\n            type=\"button\"\r\n            @click=${this.cancelClick}\r\n          >\r\n            Cancel\r\n          </button>\r\n          <button\r\n            class=\"btn btn-submit\"\r\n            type=\"button\"\r\n            @click=${this.applySearchFacetsClicked}\r\n          >\r\n            Apply filters\r\n          </button>\r\n        </div> `;\r\n    }\r\n\r\n    return nothing;\r\n  }\r\n\r\n  private sortFacetAggregation() {\r\n    this.sortedBy = this.sortedBy === 'count' ? 'alpha' : 'count';\r\n    this.dispatchEvent(\r\n      new CustomEvent('sortedFacets', { detail: this.sortedBy })\r\n    );\r\n  }\r\n\r\n  private get getModalHeaderTemplate(): TemplateResult {\r\n    const title =\r\n      this.sortedBy === 'alpha' ? 'Sort by count' : 'Sort by alphabetically';\r\n\r\n    const image =\r\n      this.sortedBy === 'alpha'\r\n        ? 'https://archive.org/images/filter-alpha.png'\r\n        : 'https://archive.org/images/filter-count.png';\r\n\r\n    return html`<span class=\"sr-only\">More facets for:</span>\r\n      <span class=\"title\">\r\n        ${this.facetGroupTitle}\r\n        <input\r\n          class=\"sorting-icon\"\r\n          type=\"image\"\r\n          @click=${() => this.sortFacetAggregation()}\r\n          src=\"${image}\"\r\n          title=${title}\r\n          alt=\"sort facets\"\r\n        />\r\n      </span> `;\r\n  }\r\n\r\n  render() {\r\n    return html`\r\n      ${this.facetsLoading\r\n        ? this.loaderTemplate\r\n        : html`\r\n            <section id=\"more-facets\">\r\n              <div class=\"header-content\">${this.getModalHeaderTemplate}</div>\r\n              <div class=\"facets-content\">${this.getMoreFacetsTemplate}</div>\r\n              ${this.footerTemplate}\r\n            </section>\r\n          `}\r\n    `;\r\n  }\r\n\r\n  private applySearchFacetsClicked() {\r\n    const event = new CustomEvent<SelectedFacets>('facetsChanged', {\r\n      detail: this.selectedFacets,\r\n      bubbles: true,\r\n      composed: true,\r\n    });\r\n    this.dispatchEvent(event);\r\n    this.modalManager?.closeModal();\r\n  }\r\n\r\n  private cancelClick() {\r\n    this.modalManager?.closeModal();\r\n  }\r\n\r\n  static get styles(): CSSResultGroup {\r\n    const modalSubmitButton = css`var(--primaryButtonBGColor, #194880)`;\r\n\r\n    return css`\r\n      @media (max-width: 560px) {\r\n        section#more-facets {\r\n          max-height: 450px;\r\n        }\r\n        .facets-content {\r\n          overflow-y: auto;\r\n          height: 300px;\r\n        }\r\n      }\r\n      section#more-facets {\r\n        overflow: auto;\r\n        padding: 10px; // leaves room for scroll bar to appear without overlaying on content\r\n      }\r\n      .header-content .title {\r\n        display: block;\r\n        text-align: left;\r\n        font-size: 1.8rem;\r\n        padding: 0 10px;\r\n        font-weight: bold;\r\n      }\r\n      .facets-content {\r\n        font-size: 1.2rem;\r\n        max-height: 300px;\r\n        overflow: auto;\r\n        padding: 10px;\r\n      }\r\n      .page-number {\r\n        background: none;\r\n        border: 0;\r\n        cursor: pointer;\r\n        border-radius: 100%;\r\n        width: 25px;\r\n        height: 25px;\r\n        margin: 10px;\r\n        font-size: 1.4rem;\r\n        vertical-align: middle;\r\n      }\r\n      .current-page {\r\n        background: black;\r\n        color: white;\r\n      }\r\n      .facets-loader {\r\n        margin-bottom: 20px;\r\n        width: 70px;\r\n        display: block;\r\n        margin-left: auto;\r\n        margin-right: auto;\r\n      }\r\n      .btn {\r\n        border: none;\r\n        padding: 10px;\r\n        margin-bottom: 10px;\r\n        width: auto;\r\n        border-radius: 4px;\r\n        cursor: pointer;\r\n      }\r\n      .btn-cancel {\r\n        background-color: #000;\r\n        color: white;\r\n      }\r\n      .btn-submit {\r\n        background-color: ${modalSubmitButton};\r\n        color: white;\r\n      }\r\n      .footer {\r\n        text-align: center;\r\n        margin-top: 10px;\r\n      }\r\n\r\n      .sr-only {\r\n        position: absolute;\r\n        width: 1px;\r\n        height: 1px;\r\n        padding: 0;\r\n        margin: -1px;\r\n        overflow: hidden;\r\n        clip: rect(0, 0, 0, 0);\r\n        border: 0;\r\n      }\r\n      .sorting-icon {\r\n        height: 15px;\r\n        vertical-align: baseline;\r\n        cursor: pointer;\r\n      }\r\n    `;\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"more-facets-content.js","sourceRoot":"","sources":["../../../src/collection-facets/more-facets-content.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable dot-notation */\n/* eslint-disable lit-a11y/click-events-have-key-events */\nimport {\n  css,\n  CSSResultGroup,\n  html,\n  LitElement,\n  nothing,\n  PropertyValues,\n  TemplateResult,\n} from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport {\n  Aggregation,\n  Bucket,\n  SearchServiceInterface,\n  SearchParams,\n  SearchType,\n  AggregationSortType,\n} from '@internetarchive/search-service';\nimport type { CollectionNameCacheInterface } from '@internetarchive/collection-name-cache';\nimport type { ModalManagerInterface } from '@internetarchive/modal-manager';\nimport {\n  SelectedFacets,\n  FacetGroup,\n  FacetBucket,\n  FacetOption,\n  facetTitles,\n} from '../models';\nimport type { LanguageCodeHandlerInterface } from '../language-code-handler/language-code-handler';\nimport '@internetarchive/ia-activity-indicator/ia-activity-indicator';\nimport './more-facets-pagination';\nimport './facets-template';\n\n@customElement('more-facets-content')\nexport class MoreFacetsContent extends LitElement {\n  @property({ type: String }) facetKey?: string;\n\n  @property({ type: String }) facetAggregationKey?: string;\n\n  @property({ type: String }) fullQuery?: string;\n\n  @property({ type: Object }) modalManager?: ModalManagerInterface;\n\n  @property({ type: Object }) searchService?: SearchServiceInterface;\n\n  @property({ type: String }) searchType?: SearchType;\n\n  @property({ type: Object })\n  collectionNameCache?: CollectionNameCacheInterface;\n\n  @property({ type: Object })\n  languageCodeHandler?: LanguageCodeHandlerInterface;\n\n  @property({ type: Object }) selectedFacets?: SelectedFacets;\n\n  @property({ type: String }) sortedBy = 'count'; // count | alpha\n\n  @state() aggregations?: Record<string, Aggregation>;\n\n  @state() facetGroup?: FacetGroup[] = [];\n\n  @state() facetGroupTitle?: String = '';\n\n  @state() pageNumber = 1;\n\n  /**\n   * Facets are loading on popup\n   */\n  @state() facetsLoading = true;\n\n  @state() paginationSize = 0;\n\n  @state() facetsType = 'modal';\n\n  private facetsPerPage = 35;\n\n  updated(changed: PropertyValues) {\n    if (changed.has('facetKey')) {\n      this.facetsLoading = true;\n      this.pageNumber = 1;\n\n      this.updateSpecificFacets();\n    }\n\n    if (changed.has('pageNumber')) {\n      this.facetGroup = this.aggregationFacetGroups;\n    }\n  }\n\n  firstUpdated() {\n    this.setupEscapeListeners();\n  }\n\n  /**\n   * Close more facets modal on Escape click\n   */\n  private setupEscapeListeners() {\n    if (this.modalManager) {\n      document.addEventListener('keydown', (e: KeyboardEvent) => {\n        if (e.key === 'Escape') {\n          this.modalManager?.closeModal();\n        }\n      });\n    } else {\n      document.removeEventListener('keydown', () => {});\n    }\n  }\n\n  /**\n   * Get specific facets data from search-service API based of currently query params\n   * - this.aggregations - hold result of search service and being used for further processing.\n   */\n  async updateSpecificFacets(): Promise<void> {\n    const aggregations = {\n      simpleParams: [this.facetAggregationKey as string],\n    };\n    const aggregationsSize = 65535; // todo - do we want to have all the records at once?\n\n    const params: SearchParams = {\n      query: this.fullQuery as string,\n      aggregations,\n      aggregationsSize,\n      rows: 0, // todo - do we want server-side pagination with offset/page/limit flag?\n    };\n\n    const results = await this.searchService?.search(params, this.searchType);\n    this.aggregations = results?.success?.response.aggregations;\n\n    this.facetGroup = this.aggregationFacetGroups;\n    this.facetsLoading = false;\n  }\n\n  private pageNumberClicked(e: CustomEvent<{ page: number }>) {\n    const page = e?.detail?.page;\n    if (page) {\n      this.pageNumber = Number(page);\n    }\n  }\n\n  /**\n   * Combines the selected facets with the aggregations to create a single list of facets\n   */\n  private get mergedFacets(): FacetGroup[] | void {\n    const facetGroups: FacetGroup[] = [];\n\n    const selectedFacetGroup = this.selectedFacetGroups.find(\n      group => group.key === this.facetKey\n    );\n    const aggregateFacetGroup = this.aggregationFacetGroups.find(\n      group => group.key === this.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 facetGroups;\n    }\n\n    // if we don't have an aggregate facet group, don't add this to the list\n    if (!aggregateFacetGroup) return facetGroups;\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    const 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    facetGroup.buckets = bucketsWithCount;\n\n    facetGroups.push(facetGroup);\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, data]) => {\n            let displayText: string = 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            return {\n              displayText,\n              key: value,\n              count: data?.count,\n              state: data?.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, aggregation]) => {\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      this.facetGroupTitle = facetTitles[option];\n\n      // sort facets in specific order\n      let castedBuckets = aggregation.getSortedBuckets(\n        this.sortedBy === 'alpha'\n          ? AggregationSortType.ALPHABETICAL\n          : AggregationSortType.COUNT\n      ) as Bucket[];\n\n      if (option === 'collection') {\n        // we are not showing fav- collection items in facets\n        castedBuckets = castedBuckets?.filter(\n          bucket => bucket?.key?.toString().startsWith('fav-') === false\n        );\n\n        // asynchronously load the collection name\n        this.preloadCollectionNames(castedBuckets);\n      }\n\n      // find length and pagination size for modal pagination\n      const { length } = Object.keys(castedBuckets as []);\n      this.paginationSize = Math.ceil(length / this.facetsPerPage);\n\n      // render only items which will be visible as per this.facetsPerPage\n      const bucketsMaxSix = castedBuckets?.slice(\n        (this.pageNumber - 1) * this.facetsPerPage,\n        this.pageNumber * this.facetsPerPage\n      );\n\n      const facetBucket: FacetBucket[] = bucketsMaxSix.map(bucket => {\n        let bucketKey = 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          bucketKey =\n            this.languageCodeHandler?.getCodeStringFromLanguageName(\n              `${bucket.key}`\n            ) ?? bucket.key;\n        }\n        return {\n          displayText: `${bucket.key}`,\n          key: `${bucketKey}`,\n          count: bucket.doc_count,\n          state: 'none',\n        };\n      });\n      const group: FacetGroup = {\n        title: this.facetGroupTitle as string,\n        key: option,\n        buckets: facetBucket,\n      };\n      facetGroups.push(group);\n    });\n\n    return facetGroups;\n  }\n\n  /**\n   * for collections, we need to asynchronously load the collection name\n   * so we use the `async-collection-name` widget and for the rest, we have a static value to use\n   *\n   * @param castedBuckets\n   */\n  private preloadCollectionNames(castedBuckets: any[]) {\n    const collectionIds = castedBuckets?.map(option => option.key);\n    const collectionIdsArray = Array.from(new Set(collectionIds)) as string[];\n\n    this.collectionNameCache?.preloadIdentifiers(collectionIdsArray);\n  }\n\n  private get getMoreFacetsTemplate(): TemplateResult {\n    return html`\n      <facets-template\n        .facetGroup=${this.mergedFacets?.shift()}\n        .selectedFacets=${this.selectedFacets}\n        .renderOn=${'modal'}\n        .collectionNameCache=${this.collectionNameCache}\n        @selectedFacetsChanged=${(e: CustomEvent) => {\n          this.selectedFacets = e.detail;\n        }}\n      ></facets-template>\n    `;\n  }\n\n  private get loaderTemplate(): TemplateResult {\n    return html`<div class=\"facets-loader\">\n      <ia-activity-indicator .mode=${'processing'}></ia-activity-indicator>\n    </div> `;\n  }\n\n  // render pagination if more then 1 page\n  private get facetsPaginationTemplate() {\n    return this.paginationSize > 1\n      ? html`<more-facets-pagination\n          .size=${this.paginationSize}\n          .currentPage=${1}\n          @pageNumberClicked=${this.pageNumberClicked}\n        ></more-facets-pagination>`\n      : nothing;\n  }\n\n  private get footerTemplate() {\n    if (this.paginationSize > 0) {\n      return html`${this.facetsPaginationTemplate}\n        <div class=\"footer\">\n          <button\n            class=\"btn btn-cancel\"\n            type=\"button\"\n            @click=${this.cancelClick}\n          >\n            Cancel\n          </button>\n          <button\n            class=\"btn btn-submit\"\n            type=\"button\"\n            @click=${this.applySearchFacetsClicked}\n          >\n            Apply filters\n          </button>\n        </div> `;\n    }\n\n    return nothing;\n  }\n\n  private sortFacetAggregation() {\n    this.sortedBy = this.sortedBy === 'count' ? 'alpha' : 'count';\n    this.dispatchEvent(\n      new CustomEvent('sortedFacets', { detail: this.sortedBy })\n    );\n  }\n\n  private get getModalHeaderTemplate(): TemplateResult {\n    const title =\n      this.sortedBy === 'alpha' ? 'Sort by count' : 'Sort by alphabetically';\n\n    const image =\n      this.sortedBy === 'alpha'\n        ? 'https://archive.org/images/filter-alpha.png'\n        : 'https://archive.org/images/filter-count.png';\n\n    return html`<span class=\"sr-only\">More facets for:</span>\n      <span class=\"title\">\n        ${this.facetGroupTitle}\n        <input\n          class=\"sorting-icon\"\n          type=\"image\"\n          @click=${() => this.sortFacetAggregation()}\n          src=\"${image}\"\n          title=${title}\n          alt=\"sort facets\"\n        />\n      </span> `;\n  }\n\n  render() {\n    return html`\n      ${this.facetsLoading\n        ? this.loaderTemplate\n        : html`\n            <section id=\"more-facets\">\n              <div class=\"header-content\">${this.getModalHeaderTemplate}</div>\n              <div class=\"facets-content\">${this.getMoreFacetsTemplate}</div>\n              ${this.footerTemplate}\n            </section>\n          `}\n    `;\n  }\n\n  private applySearchFacetsClicked() {\n    const event = new CustomEvent<SelectedFacets>('facetsChanged', {\n      detail: this.selectedFacets,\n      bubbles: true,\n      composed: true,\n    });\n    this.dispatchEvent(event);\n    this.modalManager?.closeModal();\n  }\n\n  private cancelClick() {\n    this.modalManager?.closeModal();\n  }\n\n  static get styles(): CSSResultGroup {\n    const modalSubmitButton = css`var(--primaryButtonBGColor, #194880)`;\n\n    return css`\n      @media (max-width: 560px) {\n        section#more-facets {\n          max-height: 450px;\n        }\n        .facets-content {\n          overflow-y: auto;\n          height: 300px;\n        }\n      }\n      section#more-facets {\n        overflow: auto;\n        padding: 10px; // leaves room for scroll bar to appear without overlaying on content\n      }\n      .header-content .title {\n        display: block;\n        text-align: left;\n        font-size: 1.8rem;\n        padding: 0 10px;\n        font-weight: bold;\n      }\n      .facets-content {\n        font-size: 1.2rem;\n        max-height: 300px;\n        overflow: auto;\n        padding: 10px;\n      }\n      .page-number {\n        background: none;\n        border: 0;\n        cursor: pointer;\n        border-radius: 100%;\n        width: 25px;\n        height: 25px;\n        margin: 10px;\n        font-size: 1.4rem;\n        vertical-align: middle;\n      }\n      .current-page {\n        background: black;\n        color: white;\n      }\n      .facets-loader {\n        margin-bottom: 20px;\n        width: 70px;\n        display: block;\n        margin-left: auto;\n        margin-right: auto;\n      }\n      .btn {\n        border: none;\n        padding: 10px;\n        margin-bottom: 10px;\n        width: auto;\n        border-radius: 4px;\n        cursor: pointer;\n      }\n      .btn-cancel {\n        background-color: #000;\n        color: white;\n      }\n      .btn-submit {\n        background-color: ${modalSubmitButton};\n        color: white;\n      }\n      .footer {\n        text-align: center;\n        margin-top: 10px;\n      }\n\n      .sr-only {\n        position: absolute;\n        width: 1px;\n        height: 1px;\n        padding: 0;\n        margin: -1px;\n        overflow: hidden;\n        clip: rect(0, 0, 0, 0);\n        border: 0;\n      }\n      .sorting-icon {\n        height: 15px;\n        vertical-align: baseline;\n        cursor: pointer;\n      }\n    `;\n  }\n}\n"]}

package/dist/src/collection-facets.d.ts

@@ -14,6 +14,7 @@ export declare class CollectionFacets extends LitElement {
     searchType?: SearchType;
     aggregations?: Record<string, Aggregation>;
     fullYearsHistogramAggregation?: Aggregation;
+    previousSearchType?: SearchType;
     minSelectedDate?: string;
     maxSelectedDate?: string;
     facetsLoading: boolean;
@@ -56,6 +57,7 @@ export declare class CollectionFacets extends LitElement {
      * chevron for the mobile view
      */
     private getFacetGroupTemplate;
+    private moreFacetsSortingIcon;
     /**
      * Generate the More... link button just below the facets group
      *