@internetarchive/collection-browser 0.3.0-alpha.5 → 0.3.0

package/local.archive.org.key

@@ -1,27 +1,27 @@
------BEGIN RSA PRIVATE KEY-----
-MIIEowIBAAKCAQEAqVTKNP+LMgI5l2G99RJcStCHLtZCY3LqtJCVzErvWmYJnx0I
-DbL0LrNVWZwPdzce16Nctz2BhPxVryDnPL2eKyue0ZWdFJBwfJl48d1CK/2HuQnw
-9lDHkEHe4u7doEpN3iBq6BuBf9kXDfXyodyJ2OmJnP9Atw67FtvR4GdfJN47uBi4
-pt3VJooqpPIDsagVIzHJZd6bWrDwT+938Yt7kZWgYb4fZCnGLiwDG/CRlrar+xG3
-HEG8Q24bbyiIQL2oRyiepGQx4KVy2wnLsJ561dB/FRV11NZ4QcmhVHNIGU9ylaEx
-s0yBQRND2ZuM0C4pCaJZaxVtXJMiA/Vy8Ea+ZQIDAQABAoIBAAQgUdEazQyJ61da
-BWP8b41PKYwlonaD7V47C7tvtAdy5xcegPy8eKDOs+y8FdBk4naEv5Sjhg10jK34
-0kmzoTASHwuiZrKClosivkS+jIc/5VfH+zw1WbeVM1Y6VeI7DUy1Y4WGbhBsfNhV
-PvVcx2smvbi6q5wKWtrCvomGW1YtngNBXJBPDWXysaVZdpF+6iWtw0RjWxbKEeMb
-fjZ2sxl7h1EkTXxQR9pfl9WVgl6vRRXp1o+N71M14jp5t95xCyf49YzeEuZmc1Fc
-dD77LNGcxr3kpkcQH5FdDP/spla+lR+JKb78FVqhEdPP3WcJ1qcrAstG2npAfKpj
-MD9AhsECgYEA3BddOjeK9epaGbTZRKgmIOSgGEHo8WbVHqBHhyQKAb8kFVEPn+Hl
-sq2EEQZf0ZJ/HhlVBc0Gj4/2PI8vj1Lzh+QWJnFu+XN/doOm5X62Ctz13qC5oWJp
-foQ9HXcg4GAXhm/o3KUIntLrUwoi/UW8YOSRFXS8RSJtuh1rI5P2jjECgYEAxPVP
-o/9+12Fc2ujdm8cQ1tB1Ab9Z73/vloG/xit0uMp89OqXUHEmtud/WzaIQvNxdaWi
-9/BqAG9Oml51T3cuYPxNDkSmtd2fieq9Nh17dw8zYGMk0cSYeecgvCJOrRIJnebW
-Glyt8vzBb3eD6FzhZoVNOVYareainSP1cwl5YnUCgYAsr2m0OjayeyRT983tDJ7B
-Kun+QtOCv7ghgbVEEOMfO6md0llzwq+aOXSI6Fxn9nBssgP7K4dbeoUqAoBLfzIG
-sx50K6+2YebNLymhirp3NimNS+CkjZCRqVOnOdqo85mTKAGFWtSHOpegwnwcJB59
-Jar3Sj43YygYE4T/Mjlq4QKBgQC8zUcdt2J4xl1Df6xHkuiic0tmdG6a9jHOPex+
-49NM/NYR1Ptd4kmxVXKxFjJCs6jUlQYG1NBYQFrCAcBEf8PWtqSLA+YnOh6gD4R3
-ZoWfGNQwFnoKF4HugU/Q6LYwk7TiR5B/zs30urQWzSOGT9rF8wyW5OJIR2kkZ373
-WmKgrQKBgGaw32CMejz3wBpzOAXsYJcMsVfNCMD4bJ2EbXhYuY8HB8IEEv6wqMsp
-wtXIgHJubfIiA3MlVsfaUkRdtHMHbN+Us1oynu6nByLhYlAMKpOsJFzPVHHwGB/1
-g3WtzfFk5eOoZltJBm5K41zjS7lyr1t05648pT6niy9snu6LaF94
------END RSA PRIVATE KEY-----
+-----BEGIN RSA PRIVATE KEY-----
+MIIEowIBAAKCAQEAqVTKNP+LMgI5l2G99RJcStCHLtZCY3LqtJCVzErvWmYJnx0I
+DbL0LrNVWZwPdzce16Nctz2BhPxVryDnPL2eKyue0ZWdFJBwfJl48d1CK/2HuQnw
+9lDHkEHe4u7doEpN3iBq6BuBf9kXDfXyodyJ2OmJnP9Atw67FtvR4GdfJN47uBi4
+pt3VJooqpPIDsagVIzHJZd6bWrDwT+938Yt7kZWgYb4fZCnGLiwDG/CRlrar+xG3
+HEG8Q24bbyiIQL2oRyiepGQx4KVy2wnLsJ561dB/FRV11NZ4QcmhVHNIGU9ylaEx
+s0yBQRND2ZuM0C4pCaJZaxVtXJMiA/Vy8Ea+ZQIDAQABAoIBAAQgUdEazQyJ61da
+BWP8b41PKYwlonaD7V47C7tvtAdy5xcegPy8eKDOs+y8FdBk4naEv5Sjhg10jK34
+0kmzoTASHwuiZrKClosivkS+jIc/5VfH+zw1WbeVM1Y6VeI7DUy1Y4WGbhBsfNhV
+PvVcx2smvbi6q5wKWtrCvomGW1YtngNBXJBPDWXysaVZdpF+6iWtw0RjWxbKEeMb
+fjZ2sxl7h1EkTXxQR9pfl9WVgl6vRRXp1o+N71M14jp5t95xCyf49YzeEuZmc1Fc
+dD77LNGcxr3kpkcQH5FdDP/spla+lR+JKb78FVqhEdPP3WcJ1qcrAstG2npAfKpj
+MD9AhsECgYEA3BddOjeK9epaGbTZRKgmIOSgGEHo8WbVHqBHhyQKAb8kFVEPn+Hl
+sq2EEQZf0ZJ/HhlVBc0Gj4/2PI8vj1Lzh+QWJnFu+XN/doOm5X62Ctz13qC5oWJp
+foQ9HXcg4GAXhm/o3KUIntLrUwoi/UW8YOSRFXS8RSJtuh1rI5P2jjECgYEAxPVP
+o/9+12Fc2ujdm8cQ1tB1Ab9Z73/vloG/xit0uMp89OqXUHEmtud/WzaIQvNxdaWi
+9/BqAG9Oml51T3cuYPxNDkSmtd2fieq9Nh17dw8zYGMk0cSYeecgvCJOrRIJnebW
+Glyt8vzBb3eD6FzhZoVNOVYareainSP1cwl5YnUCgYAsr2m0OjayeyRT983tDJ7B
+Kun+QtOCv7ghgbVEEOMfO6md0llzwq+aOXSI6Fxn9nBssgP7K4dbeoUqAoBLfzIG
+sx50K6+2YebNLymhirp3NimNS+CkjZCRqVOnOdqo85mTKAGFWtSHOpegwnwcJB59
+Jar3Sj43YygYE4T/Mjlq4QKBgQC8zUcdt2J4xl1Df6xHkuiic0tmdG6a9jHOPex+
+49NM/NYR1Ptd4kmxVXKxFjJCs6jUlQYG1NBYQFrCAcBEf8PWtqSLA+YnOh6gD4R3
+ZoWfGNQwFnoKF4HugU/Q6LYwk7TiR5B/zs30urQWzSOGT9rF8wyW5OJIR2kkZ373
+WmKgrQKBgGaw32CMejz3wBpzOAXsYJcMsVfNCMD4bJ2EbXhYuY8HB8IEEv6wqMsp
+wtXIgHJubfIiA3MlVsfaUkRdtHMHbN+Us1oynu6nByLhYlAMKpOsJFzPVHHwGB/1
+g3WtzfFk5eOoZltJBm5K41zjS7lyr1t05648pT6niy9snu6LaF94
+-----END RSA PRIVATE KEY-----

package/package.json

@@ -1,115 +1,115 @@
-{
-  "name": "@internetarchive/collection-browser",
-  "description": "The Internet Archive Collection Browser.",
-  "license": "AGPL-3.0-only",
-  "author": "Internet Archive",
-  "version": "0.3.0-alpha.5",
-  "main": "dist/index.js",
-  "module": "dist/index.js",
-  "scripts": {
-    "start": "yarn run prepare && tsc && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"wds\"",
-    "prepare:ghpages": "rimraf ghpages && yarn run prepare && vite build",
-    "prepare": "rimraf dist && tsc && husky install",
-    "lint": "eslint --ext .ts,.html . --ignore-path .gitignore && prettier \"**/*.ts\" --check --ignore-path .gitignore",
-    "format": "eslint --ext .ts,.html . --fix --ignore-path .gitignore && prettier \"**/*.ts\" --write --ignore-path .gitignore",
-    "circular": "madge --circular --extensions ts .",
-    "test": "tsc && yarn run lint && yarn run circular && wtr --coverage",
-    "test:watch": "tsc && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"wtr --watch\"",
-    "deploy": "yarn run deploy:run -e $(git branch --show-current)",
-    "deploy:run": "yarn run prepare:ghpages && touch ghpages/.nojekyll && yarn run deploy:gh",
-    "deploy:gh": "gh-pages -t -d ghpages -m \"Build for $(git log --pretty=format:\"%h %an %ai %s\" -n1) [skip ci]\"",
-    "typecheck": "yarn tsc --noEmit"
-  },
-  "types": "dist/index.d.ts",
-  "dependencies": {
-    "@internetarchive/analytics-manager": "^0.1.2",
-    "@internetarchive/collection-name-cache": "^0.2.0",
-    "@internetarchive/feature-feedback": "^0.1.4",
-    "@internetarchive/field-parsers": "^0.1.3",
-    "@internetarchive/histogram-date-range": "^0.1.7",
-    "@internetarchive/ia-activity-indicator": "^0.0.3",
-    "@internetarchive/infinite-scroller": "^0.1.3",
-    "@internetarchive/local-cache": "^0.2.1",
-    "@internetarchive/modal-manager": "^0.2.7",
-    "@internetarchive/search-service": "^0.4.0",
-    "@internetarchive/shared-resize-observer": "^0.2.0",
-    "@lit/localize": "^0.11.2",
-    "dompurify": "^2.3.6",
-    "eslint-plugin-lit": "^1.6.1",
-    "lit": "^2.2.2",
-    "typescript-cookie": "^1.0.3"
-  },
-  "devDependencies": {
-    "@internetarchive/result-type": "^0.0.1",
-    "@open-wc/eslint-config": "^8.0.2",
-    "@open-wc/testing": "^3.0.3",
-    "@types/dompurify": "^2.3.3",
-    "@typescript-eslint/eslint-plugin": "^5.3.1",
-    "@typescript-eslint/parser": "^5.3.1",
-    "@web/dev-server": "^0.1.28",
-    "@web/test-runner": "^0.13.22",
-    "concurrently": "^6.3.0",
-    "eslint": "^8.2.0",
-    "eslint-config-prettier": "^8.3.0",
-    "eslint-plugin-html": "^7.1.0",
-    "eslint-plugin-import": "^2.25.3",
-    "eslint-plugin-lit-a11y": "^2.2.0",
-    "eslint-plugin-no-only-tests": "^3.0.0",
-    "eslint-plugin-wc": "^1.3.2",
-    "gh-pages": "^4.0.0",
-    "husky": "^7.0.0",
-    "madge": "^5.0.1",
-    "prettier": "^2.4.1",
-    "rimraf": "^3.0.2",
-    "sinon": "^12.0.1",
-    "tslib": "^2.3.1",
-    "typescript": "^4.4.4",
-    "vite": "^2.9.9"
-  },
-  "publishConfig": {
-    "access": "public"
-  },
-  "eslintConfig": {
-    "parser": "@typescript-eslint/parser",
-    "extends": [
-      "@open-wc",
-      "prettier"
-    ],
-    "plugins": [
-      "@typescript-eslint"
-    ],
-    "rules": {
-      "no-unused-vars": "off",
-      "@typescript-eslint/no-unused-vars": [
-        "error"
-      ],
-      "no-shadow": "off",
-      "@typescript-eslint/no-shadow": [
-        "error"
-      ],
-      "class-methods-use-this": "off",
-      "import/no-unresolved": "off",
-      "import/extensions": [
-        "off",
-        "ignorePackages",
-        {
-          "js": "never",
-          "ts": "never"
-        }
-      ],
-      "no-unsafe-optional-chaining": "warn",
-      "default-param-last": "warn"
-    }
-  },
-  "prettier": {
-    "singleQuote": true,
-    "arrowParens": "avoid"
-  },
-  "lint-staged": {
-    "*.ts": [
-      "eslint --fix",
-      "prettier --write",
-      "git add"
-    ]
-  }
-}
+{
+  "name": "@internetarchive/collection-browser",
+  "description": "The Internet Archive Collection Browser.",
+  "license": "AGPL-3.0-only",
+  "author": "Internet Archive",
+  "version": "0.3.0",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "scripts": {
+    "start": "yarn run prepare && tsc && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"wds\"",
+    "prepare:ghpages": "rimraf ghpages && yarn run prepare && vite build",
+    "prepare": "rimraf dist && tsc && husky install",
+    "lint": "eslint --ext .ts,.html . --ignore-path .gitignore && prettier \"**/*.ts\" --check --ignore-path .gitignore",
+    "format": "eslint --ext .ts,.html . --fix --ignore-path .gitignore && prettier \"**/*.ts\" --write --ignore-path .gitignore",
+    "circular": "madge --circular --extensions ts .",
+    "test": "tsc && yarn run lint && yarn run circular && wtr --coverage",
+    "test:watch": "tsc && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"wtr --watch\"",
+    "deploy": "yarn run deploy:run -e $(git branch --show-current)",
+    "deploy:run": "yarn run prepare:ghpages && touch ghpages/.nojekyll && yarn run deploy:gh",
+    "deploy:gh": "gh-pages -t -d ghpages -m \"Build for $(git log --pretty=format:\"%h %an %ai %s\" -n1) [skip ci]\"",
+    "typecheck": "yarn tsc --noEmit"
+  },
+  "types": "dist/index.d.ts",
+  "dependencies": {
+    "@internetarchive/analytics-manager": "^0.1.2",
+    "@internetarchive/collection-name-cache": "^0.2.1-alpha.1",
+    "@internetarchive/feature-feedback": "^0.1.4",
+    "@internetarchive/field-parsers": "^0.1.3",
+    "@internetarchive/histogram-date-range": "^0.1.7",
+    "@internetarchive/ia-activity-indicator": "^0.0.3",
+    "@internetarchive/infinite-scroller": "^0.1.3",
+    "@internetarchive/local-cache": "^0.2.1",
+    "@internetarchive/modal-manager": "^0.2.7",
+    "@internetarchive/search-service": "^0.4.1-alpha.1",
+    "@internetarchive/shared-resize-observer": "^0.2.0",
+    "@lit/localize": "^0.11.2",
+    "dompurify": "^2.3.6",
+    "eslint-plugin-lit": "^1.6.1",
+    "lit": "^2.2.2",
+    "typescript-cookie": "^1.0.3"
+  },
+  "devDependencies": {
+    "@internetarchive/result-type": "^0.0.1",
+    "@open-wc/eslint-config": "^8.0.2",
+    "@open-wc/testing": "^3.0.3",
+    "@types/dompurify": "^2.3.3",
+    "@typescript-eslint/eslint-plugin": "^5.3.1",
+    "@typescript-eslint/parser": "^5.3.1",
+    "@web/dev-server": "^0.1.28",
+    "@web/test-runner": "^0.13.22",
+    "concurrently": "^6.3.0",
+    "eslint": "^8.2.0",
+    "eslint-config-prettier": "^8.3.0",
+    "eslint-plugin-html": "^7.1.0",
+    "eslint-plugin-import": "^2.25.3",
+    "eslint-plugin-lit-a11y": "^2.2.0",
+    "eslint-plugin-no-only-tests": "^3.0.0",
+    "eslint-plugin-wc": "^1.3.2",
+    "gh-pages": "^4.0.0",
+    "husky": "^7.0.0",
+    "madge": "^5.0.1",
+    "prettier": "^2.4.1",
+    "rimraf": "^3.0.2",
+    "sinon": "^12.0.1",
+    "tslib": "^2.3.1",
+    "typescript": "^4.4.4",
+    "vite": "^2.9.9"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "eslintConfig": {
+    "parser": "@typescript-eslint/parser",
+    "extends": [
+      "@open-wc",
+      "prettier"
+    ],
+    "plugins": [
+      "@typescript-eslint"
+    ],
+    "rules": {
+      "no-unused-vars": "off",
+      "@typescript-eslint/no-unused-vars": [
+        "error"
+      ],
+      "no-shadow": "off",
+      "@typescript-eslint/no-shadow": [
+        "error"
+      ],
+      "class-methods-use-this": "off",
+      "import/no-unresolved": "off",
+      "import/extensions": [
+        "off",
+        "ignorePackages",
+        {
+          "js": "never",
+          "ts": "never"
+        }
+      ],
+      "no-unsafe-optional-chaining": "warn",
+      "default-param-last": "warn"
+    }
+  },
+  "prettier": {
+    "singleQuote": true,
+    "arrowParens": "avoid"
+  },
+  "lint-staged": {
+    "*.ts": [
+      "eslint --fix",
+      "prettier --write",
+      "git add"
+    ]
+  }
+}

package/renovate.json

@@ -1,6 +1,6 @@
-{
-  "extends": [
-    "config:base",
-    ":preserveSemverRanges"
-  ]
-}
+{
+  "extends": [
+    "config:base",
+    ":preserveSemverRanges"
+  ]
+}

package/src/app-root.ts

@@ -1,3 +1,4 @@
+/* eslint-disable no-console */
 import {
   AnalyticsEvent,
   AnalyticsManager,
@@ -103,36 +104,20 @@ export class AppRoot extends LitElement {
   render() {
     return html`
       <div id="dev-tools">
-        <form @submit=${this.searchPressed}>
-          Query:
-          <input
-            type="text"
-            id="base-query-field"
-            .value=${this.searchQuery ?? ''}
-          />
-          <input type="submit" value="Search" />
-        </form>
-
-        <form @submit=${this.changePagePressed}>
-          Page: <input type="number" value="1" id="page-number-input" />
-          <input type="submit" value="Go" />
-        </form>
-
-        <div id="last-event">
-          <button
-            @click=${() => {
-              const details = this.shadowRoot?.getElementById(
-                'latest-event-details'
-              );
-              details?.classList.toggle('hidden');
-            }}
-          >
-            Last Event Captured
-          </button>
-          <pre id="latest-event-details" class="hidden">
-            ${JSON.stringify(this.latestAction, null, 2)}
-          </pre
-          >
+        <div id="search-and-page-inputs">
+          <form @submit=${this.searchPressed}>
+            Query:
+            <input
+              type="text"
+              id="base-query-field"
+              .value=${this.searchQuery ?? ''}
+            />
+            <input type="submit" value="Search" />
+          </form>
+          <form @submit=${this.changePagePressed}>
+            Page: <input type="number" value="1" id="page-number-input" />
+            <input type="submit" value="Go" />
+          </form>
         </div>
 
         <div id="search-types">
@@ -156,7 +141,39 @@ export class AppRoot extends LitElement {
           <label for="fulltext-search">Full text</label>
         </div>
 
-        <div id="cell-controls">
+        <div id="toggle-controls">
+          <button
+            @click=${() => {
+              const details =
+                this.shadowRoot?.getElementById('cell-size-control');
+              details?.classList.toggle('hidden');
+              const rowGapControls =
+                this.shadowRoot?.getElementById('cell-gap-control');
+              rowGapControls?.classList.toggle('hidden');
+            }}
+          >
+            Toggle Cell Controls
+          </button>
+          <button
+            @click=${() => {
+              const details = this.shadowRoot?.getElementById(
+                'latest-event-details'
+              );
+              details?.classList.toggle('hidden');
+            }}
+          >
+            Last Event Captured
+          </button>
+        </div>
+
+        <div id="last-event">
+          <pre id="latest-event-details" class="hidden">
+            ${JSON.stringify(this.latestAction, null, 2)}
+          </pre
+          >
+        </div>
+
+        <div id="cell-controls" class="hidden">
           <div id="cell-size-control">
             <div>
               <label for="cell-width-slider">Minimum cell width:</label>
@@ -192,6 +209,16 @@ export class AppRoot extends LitElement {
                 @click=${this.outlineChanged}
               />
             </div>
+            <div>
+              <label for="show-facet-group-outline-check"
+                >Show Facet Group Outlines:</label
+              >
+              <input
+                type="checkbox"
+                id="show-facet-group-outline-check"
+                @click=${this.toggleFacetGroupOutline}
+              />
+            </div>
             <div>
               <label for="simulate-login">Simulate Login:</label>
               <input
@@ -297,6 +324,17 @@ export class AppRoot extends LitElement {
     }
   }
 
+  private toggleFacetGroupOutline(e: Event) {
+    const target = e.target as HTMLInputElement;
+    if (target.checked) {
+      this.collectionBrowser.classList.add('showFacetGroupOutlines');
+      this.modalManager.classList.add('showFacetGroupOutlines');
+    } else {
+      this.collectionBrowser.classList.remove('showFacetGroupOutlines');
+      this.modalManager.classList.remove('showFacetGroupOutlines');
+    }
+  }
+
   private async snippetsChanged(e: Event) {
     const target = e.target as HTMLInputElement;
     if (target.checked) {
@@ -430,6 +468,12 @@ export class AppRoot extends LitElement {
       margin-top: 20rem;
     }
 
+    modal-manager.showFacetGroupOutlines,
+    collection-browser.showFacetGroupOutlines {
+      --facet-row-border-top: 1px solid red;
+      --facet-row-border-bottom: 1px solid blue;
+    }
+
     #base-query-field {
       width: 300px;
     }
@@ -443,6 +487,11 @@ export class AppRoot extends LitElement {
       backdrop-filter: blur(10px);
       padding: 0.5rem 1rem;
       border: 1px solid black;
+      font-size: 1.4rem;
+    }
+
+    #dev-tools > * {
+      display: flex;
     }
 
     #cell-controls {
@@ -467,5 +516,17 @@ export class AppRoot extends LitElement {
     .hidden {
       display: none;
     }
+
+    #toggle-controls {
+      background-color: lightskyblue;
+      padding: 5px;
+      margin: 5px auto;
+    }
+
+    #search-types {
+      margin: 5px auto;
+      background-color: aliceblue;
+      font-size: 1.6rem;
+    }
   `;
 }

package/src/collection-facets/facets-template.ts

@@ -198,9 +198,6 @@ export class FacetsTemplate extends LitElement {
         column-width: 25rem;
         column-gap: 15px;
       }
-      .facets-on-page .select-facet-checkbox {
-        margin-left: 0;
-      }
       async-collection-name {
         display: contents;
       }
@@ -215,20 +212,31 @@ export class FacetsTemplate extends LitElement {
       }
       .facet-checkbox {
         margin: 0 5px 0 0;
-        display: inline-block;
-        align-items: baseline;
+        display: flex;
+        height: 15px;
+      }
+      .facet-checkbox input:first-child {
+        margin-right: 5px;
+      }
+      .facet-checkbox input {
+        height: 15px;
+        width: 15px;
+        margin: 0;
       }
       .facet-row {
         display: flex;
         font-weight: 500;
         font-size: 1.2rem;
+        margin: 2.5px auto;
+        height: auto;
+        border-top: var(--facet-row-border-top, 1px solid transparent);
+        border-bottom: var(--facet-row-border-bottom, 1px solid transparent);
       }
       .facet-info-display {
         display: flex;
         flex: 1 1 0%;
         cursor: pointer;
         flex-wrap: wrap;
-        align-content: center;
       }
       .facet-title {
         word-break: break-word;

package/src/collection-facets/more-facets-content.ts

@@ -312,30 +312,6 @@ export class MoreFacetsContent extends LitElement {
     this.collectionNameCache?.preloadIdentifiers(collectionIdsArray);
   }
 
-  /**
-   * sort the facets on modal
-   * - alpha sort perform in ascending order
-   * - count/frequency sort perform in descending order
-   *
-   * @param facetBucket as Bucket[]
-   *
-   * @return sortedFacetBucket as Bucket
-   */
-  private sortedFacets(facetBucket: Bucket[]) {
-    let sortedFacetBucket = facetBucket;
-    if (this.sortedBy === 'alpha') {
-      // sort by alphabetic in ascending order. eg. a,b,c,...
-      sortedFacetBucket = facetBucket?.sort((a, b) => (a.key > b.key ? 1 : -1));
-    } else {
-      // sort by frequency/count in descending order. eg 100,99,98,...
-      sortedFacetBucket = facetBucket?.sort((a, b) =>
-        a.doc_count < b.doc_count ? 1 : -1
-      );
-    }
-
-    return sortedFacetBucket;
-  }
-
   private get getMoreFacetsTemplate(): TemplateResult {
     return html`
       <facets-template
@@ -462,7 +438,7 @@ export class MoreFacetsContent extends LitElement {
       }
       .scrollable-content {
         overflow-y: auto;
-        max-height: 65vh;
+        max-height: 60vh;
       }
       .facets-content {
         font-size: 1.2rem;

package/src/collection-facets.ts

@@ -8,7 +8,7 @@ import {
   TemplateResult,
 } from 'lit';
 import { customElement, property, state } from 'lit/decorators.js';
-import type {
+import {
   Aggregation,
   Bucket,
   SearchServiceInterface,
@@ -374,9 +374,15 @@ export class CollectionFacets extends LitElement {
   private searchMoreFacetsLink(
     facetGroup: FacetGroup
   ): TemplateResult | typeof nothing {
-    // don't render More... link if the number of facets < this.allowedFacetCount
-    if (Object.keys(facetGroup.buckets).length < this.allowedFacetCount)
+    // Don't render More... links for FTS searches
+    if (this.searchType === SearchType.FULLTEXT) {
       return nothing;
+    }
+
+    // Don't render More... link if the number of facets < this.allowedFacetCount
+    if (Object.keys(facetGroup.buckets).length < this.allowedFacetCount) {
+      return nothing;
+    }
 
     return html`<button
       class="more-link"