@fluid-topics/ft-search-results 1.1.12 → 1.1.14

package/build/ft-search-results.d.ts

@@ -10,9 +10,15 @@ export declare class FtSearchResults extends FtSearchResults_base implements FtS
     static styles: import("lit").CSSResult;
     clusterPolicy: ClusterPolicy;
     displayNoResultsMessage: boolean;
-    renderResult: (result: FtSearchResultClusterEntry, index: number) => TemplateResult | string;
+    renderResult: (resultOrCluster: FtSearchResultClusterEntry, index: number) => TemplateResult | string;
     private results?;
+    private selectedResultByCluster;
     constructor();
     protected render(): unknown;
+    private onClusterChange;
+    private buildClusters;
+    private buildFullClusters;
+    private buildAllResultsClusters;
+    private clusterId;
 }
 export {};

package/build/ft-search-results.js

@@ -24,23 +24,54 @@ class FtSearchResults extends withI18n(FtSearchComponent) {
         <ft-search-result-title></ft-search-result-title>
         <ft-search-result-abstract></ft-search-result-abstract>
     `;
+        this.selectedResultByCluster = {};
         this.addI18nContext(resultsNumberContext);
     }
     render() {
-        var _a;
         if (this.displayNoResultsMessage && this.results != null && this.results.length == 0) {
             return html `
                 <ft-typography part="no-results-message" variant="body1">${resultsNumberContext.messages.results(0)}</ft-typography>
             `;
         }
-        return repeat(((_a = this.results) !== null && _a !== void 0 ? _a : [])
-            .flatMap(result => this.clusterPolicy == "display-first-result"
-            ? [result.entries[0]]
-            : result.entries), (result) => { var _a, _b, _c, _d, _e; return (_d = (_b = (_a = result.document) === null || _a === void 0 ? void 0 : _a.documentId) !== null && _b !== void 0 ? _b : (_c = result.map) === null || _c === void 0 ? void 0 : _c.mapId) !== null && _d !== void 0 ? _d : (_e = result.topic) === null || _e === void 0 ? void 0 : _e.tocId; }, (result, index) => html `
-                <ft-search-result-context .result=${result} index="${index}">
-                    ${this.renderResult(result, index)}
+        const clusters = this.buildClusters();
+        return repeat(clusters, cluster => cluster.id, (cluster, index) => {
+            var _a;
+            return html `
+                <ft-search-result-context .cluster=${cluster} index="${index}"
+                                          @ft-search-result-cluster-change="${(e) => this.onClusterChange(cluster.id, e.detail)}">
+                    ${this.renderResult((_a = this.selectedResultByCluster[cluster.id]) !== null && _a !== void 0 ? _a : cluster.entries[0], index)}
                 </ft-search-result-context>
-            `);
+            `;
+        });
+    }
+    onClusterChange(clusterId, result) {
+        this.selectedResultByCluster[clusterId] = result;
+    }
+    buildClusters() {
+        switch (this.clusterPolicy) {
+            case "display-first-result":
+                return this.buildFullClusters();
+            case "display-all-results":
+                return this.buildAllResultsClusters();
+        }
+    }
+    buildFullClusters() {
+        var _a, _b;
+        return (_b = (_a = this.results) === null || _a === void 0 ? void 0 : _a.map(cluster => ({
+            id: this.clusterId(cluster.entries[0]),
+            entries: cluster.entries
+        }))) !== null && _b !== void 0 ? _b : [];
+    }
+    buildAllResultsClusters() {
+        var _a, _b;
+        return (_b = (_a = this.results) === null || _a === void 0 ? void 0 : _a.flatMap(cluster => cluster.entries.map(entry => ({
+            id: this.clusterId(entry),
+            entries: [entry]
+        })))) !== null && _b !== void 0 ? _b : [];
+    }
+    clusterId(result) {
+        var _a, _b, _c, _d, _e;
+        return (_d = (_b = (_a = result.map) === null || _a === void 0 ? void 0 : _a.mapId) !== null && _b !== void 0 ? _b : (_c = result.topic) === null || _c === void 0 ? void 0 : _c.tocId) !== null && _d !== void 0 ? _d : (_e = result.document) === null || _e === void 0 ? void 0 : _e.documentId;
     }
 }
 FtSearchResults.styles = styles;