@fluid-topics/ft-reader-search-in-document 1.1.82 → 1.1.84

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

@@ -3,9 +3,6 @@ import { ElementDefinitionsMap } from "@fluid-topics/ft-wc-utils";
 import { FtReaderSearchInDocumentProperties } from "./ft-reader-search-in-document.properties";
 import { FtReaderComponent } from "@fluid-topics/ft-reader-context/build/registration";
 import { FtMap } from "@fluid-topics/public-api";
-import "@fluid-topics/ft-card";
-import "@fluid-topics/ft-search-result-title";
-import "@fluid-topics/ft-search-result-abstract";
 declare const FtReaderSearchInDocument_base: typeof FtReaderComponent & import("@fluid-topics/ft-wc-utils").Constructor<import("@fluid-topics/ft-i18n").FtLitElementWithI18nInterface>;
 export declare class FtReaderSearchInDocument extends FtReaderSearchInDocument_base implements FtReaderSearchInDocumentProperties {
     static elementDefinitions: ElementDefinitionsMap;
@@ -26,5 +23,6 @@ export declare class FtReaderSearchInDocument extends FtReaderSearchInDocument_b
     protected render(): typeof nothing | TemplateResult<1>;
     protected update(props: PropertyValues): void;
     private onLinkClick;
+    importDynamicDependencies(): void;
 }
 export {};

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

@@ -7,22 +7,13 @@ 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.styles";
-import { FtButton } from "@fluid-topics/ft-button";
-import { FtTypography } from "@fluid-topics/ft-typography";
 import { withI18n } from "@fluid-topics/ft-i18n";
-import { FtSearchContext } from "@fluid-topics/ft-search-context";
 import { FtReaderComponent } from "@fluid-topics/ft-reader-context/build/registration";
-import { FtSearchResultsNumber } from "@fluid-topics/ft-search-results-number";
-import { FtSearchInput } from "@fluid-topics/ft-search-input";
-import { FtSearchResults } from "@fluid-topics/ft-search-results";
-import "@fluid-topics/ft-card";
-import "@fluid-topics/ft-search-result-title";
-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";
 import { readerSearchInDocumentContext } from "./ReaderSearchInDocumentMessages";
+import { FtCard } from "@fluid-topics/ft-card";
 class FtReaderSearchInDocument extends withI18n(FtReaderComponent) {
     constructor() {
         super();
@@ -90,7 +81,8 @@ class FtReaderSearchInDocument extends withI18n(FtReaderComponent) {
             }
         }}>
                 <div class="ft-search-in-doc--container">
-                    <ft-search-input placeholder=${readerSearchInDocumentContext.messages.placeholder()} @change="${() => this.userHasDoneManualAction = true}"></ft-search-input>
+                    <ft-search-input placeholder=${readerSearchInDocumentContext.messages.placeholder()}
+                                     @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>
                     `}
@@ -117,15 +109,20 @@ class FtReaderSearchInDocument extends withI18n(FtReaderComponent) {
     onLinkClick(result, rank) {
         this.dispatchEvent(new SearchResultClickEvent(result, rank));
     }
+    importDynamicDependencies() {
+        super.importDynamicDependencies();
+        const registry = FtReaderSearchInDocument.registry;
+        import("@fluid-topics/ft-search-context").then(({ FtSearchContext }) => registry.define("ft-search-context", FtSearchContext));
+        import("@fluid-topics/ft-search-input").then(({ FtSearchInput }) => registry.define("ft-search-input", FtSearchInput));
+        import("@fluid-topics/ft-search-load-more-button").then(({ FtSearchLoadMoreButton }) => registry.define("ft-search-load-more-button", FtSearchLoadMoreButton));
+        import("@fluid-topics/ft-search-result-abstract").then(({ FtSearchResultAbstract }) => registry.define("ft-search-result-abstract", FtSearchResultAbstract));
+        import("@fluid-topics/ft-search-result-title").then(({ FtSearchResultTitle }) => registry.define("ft-search-result-title", FtSearchResultTitle));
+        import("@fluid-topics/ft-search-results").then(({ FtSearchResults }) => registry.define("ft-search-results", FtSearchResults));
+        import("@fluid-topics/ft-search-results-number").then(({ FtSearchResultsNumber }) => registry.define("ft-search-results-number", FtSearchResultsNumber));
+    }
 }
 FtReaderSearchInDocument.elementDefinitions = {
-    "ft-button": FtButton,
-    "ft-typography": FtTypography,
-    "ft-search-context": FtSearchContext,
-    "ft-search-input": FtSearchInput,
-    "ft-search-results-number": FtSearchResultsNumber,
-    "ft-search-results": FtSearchResults,
-    "ft-search-load-more-button": FtSearchLoadMoreButton
+    "ft-card": FtCard
 };
 FtReaderSearchInDocument.styles = styles;
 __decorate([