@fluid-topics/ft-reader-search-in-document 1.1.40 → 1.1.42

package/build/events.d.ts

@@ -0,0 +1,12 @@
+import { FtMetadata } from "@fluid-topics/public-api";
+export declare class SearchInDocumentEvent extends CustomEvent<SearchInDocumentEventDetail> {
+    constructor(detail: SearchInDocumentEventDetail);
+}
+interface SearchInDocumentEventDetail {
+    mapId: string;
+    mapTitle: string;
+    metadata: FtMetadata[];
+    query: string;
+    searchResultsCount: number;
+}
+export {};

package/build/events.js

@@ -0,0 +1,9 @@
+export class SearchInDocumentEvent extends CustomEvent {
+    constructor(detail) {
+        super("ft-reader-search-in-document", {
+            composed: true,
+            bubbles: true,
+            detail
+        });
+    }
+}

package/build/ft-reader-search-in-document.d.ts

@@ -18,6 +18,7 @@ export declare class FtReaderSearchInDocument extends FtReaderSearchInDocument_b
     private hideResultBreadcrumb;
     private hideResultAbstract;
     private hideResultsNumber;
+    private userHasDoneManualAction;
     private uniqueId;
     private get filters();
     private renderResult;

package/build/ft-reader-search-in-document.js

@@ -6,7 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { html, nothing } from "lit";
 import { redux } from "@fluid-topics/ft-wc-utils";
-import { resultStyles, styles } from "./ft-reader-search-in-document.css";
+import { resultStyles, styles } from "./ft-reader-search-in-document.styles";
 import { FtButton } from "@fluid-topics/ft-button";
 import { FtTypography } from "@fluid-topics/ft-typography";
 import { withI18n } from "@fluid-topics/ft-i18n";
@@ -21,6 +21,7 @@ import "@fluid-topics/ft-search-result-abstract";
 import { property, query } from "lit/decorators.js";
 import { FtSearchLoadMoreButton } from "@fluid-topics/ft-search-load-more-button";
 import { getResultUrl, SearchResultClickEvent } from "@fluid-topics/ft-search-result-context/build/utils";
+import { SearchInDocumentEvent } from "./events";
 class FtReaderSearchInDocument extends withI18n(FtReaderComponent) {
     constructor() {
         super(...arguments);
@@ -29,6 +30,7 @@ class FtReaderSearchInDocument extends withI18n(FtReaderComponent) {
         this.hideResultBreadcrumb = false;
         this.hideResultAbstract = false;
         this.hideResultsNumber = false;
+        this.userHasDoneManualAction = false;
         this.uniqueId = "search-in-document-" + ("" + Math.round(Math.random() * 999000)).padStart(6, "0");
     }
     get filters() {
@@ -71,9 +73,22 @@ class FtReaderSearchInDocument extends withI18n(FtReaderComponent) {
                                .filters=${this.filters}
                                scope="ALL_TOPICS"
                                ignoreEmptyQuery
-                               @ft-search-request-change=${(e) => { var _a; return (_a = this.stateManager) === null || _a === void 0 ? void 0 : _a.setSearchInDocumentQuery(e.detail.query); }}>
+                               @ft-search-request-change=${(e) => { var _a; return (_a = this.stateManager) === null || _a === void 0 ? void 0 : _a.setSearchInDocumentQuery(e.detail.query); }}
+                               @ft-search-results-change=${(e) => {
+            var _a, _b;
+            if (this.userHasDoneManualAction) {
+                this.dispatchEvent(new SearchInDocumentEvent({
+                    mapId: this.map.id,
+                    mapTitle: this.map.title,
+                    metadata: (_b = (_a = this.map) === null || _a === void 0 ? void 0 : _a.metadata) !== null && _b !== void 0 ? _b : [],
+                    query: e.detail.request.query,
+                    searchResultsCount: e.detail.paging.totalResultsCount
+                }));
+                this.userHasDoneManualAction = false;
+            }
+        }}>
                 <div class="ft-search-in-doc--container">
-                    <ft-search-input></ft-search-input>
+                    <ft-search-input @change="${() => this.userHasDoneManualAction = true}"></ft-search-input>
                     ${this.hideResultsNumber ? nothing : html `
                         <ft-search-results-number @ft-search-result-click=${(e) => e.stopPropagation()}></ft-search-results-number>
                     `}