@fluid-topics/ft-reader-search-in-document 1.4.1 → 1.4.3

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

@@ -4,6 +4,7 @@ import { FtReaderSearchInDocumentProperties } from "./ft-reader-search-in-docume
 import { FtSearchContext } from "@fluid-topics/ft-search-context/build/ft-search-context";
 import { FtReaderComponent } from "@fluid-topics/ft-reader-context/build/registration";
 import { FtMap, FtSearchResultClusterEntry } from "@fluid-topics/public-api";
+import { I18nAttributeValue } from "@fluid-topics/ft-i18n/build/decorators/i18nAttribute";
 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;
@@ -18,6 +19,7 @@ export declare class FtReaderSearchInDocument extends FtReaderSearchInDocument_b
     private hideResultsNumber;
     private emptyResultOnClear;
     searchContext?: FtSearchContext;
+    placeholder?: I18nAttributeValue;
     private uniqueId;
     private get filters();
     private renderResult;

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

@@ -14,6 +14,8 @@ import { getResultUrl } from "@fluid-topics/ft-search-result-context/build/utils
 import { readerSearchInDocumentContext } from "./ReaderSearchInDocumentMessages";
 import { FtCard } from "@fluid-topics/ft-card";
 import { SearchResultClickEvent, SearchResultOpenContextMenuEvent, } from "@fluid-topics/ft-search-context/build/utils";
+import { FtTypographyVariants } from "@fluid-topics/ft-typography";
+import { i18nAttribute } from "@fluid-topics/ft-i18n/build/decorators/i18nAttribute";
 class FtReaderSearchInDocument extends withI18n(FtReaderComponent) {
     constructor() {
         super();
@@ -49,7 +51,7 @@ class FtReaderSearchInDocument extends withI18n(FtReaderComponent) {
                         ${this.hideResultTitle ? nothing : html `
                             <ft-search-result-title withoutLink="true"></ft-search-result-title>`}
                         ${this.hideResultBreadcrumb ? nothing : html `
-                            <ft-typography class="breadcrumb" variant="caption">${(_a = result.topic) === null || _a === void 0 ? void 0 : _a.breadcrumb.join(" > ")}</ft-typography>
+                            <ft-typography class="breadcrumb" variant="${FtTypographyVariants.caption}">${(_a = result.topic) === null || _a === void 0 ? void 0 : _a.breadcrumb.join(" > ")}</ft-typography>
                         `}
                         ${this.hideResultAbstract ? nothing : html `
                             <ft-search-result-abstract></ft-search-result-abstract>
@@ -80,7 +82,7 @@ class FtReaderSearchInDocument extends withI18n(FtReaderComponent) {
                                scope="ALL_TOPICS"
                                ignoreEmptyQuery>
                 <div class="ft-search-in-doc--container">
-                    <ft-search-input placeholder="${readerSearchInDocumentContext.messages.placeholder()}"
+                    <ft-search-input placeholder="${(this.placeholder) ? this.placeholder.message : readerSearchInDocumentContext.messages.placeholder()}"
                                      ?triggerSearchOnClear=${this.emptyResultOnClear}
                                      @change=${(e) => {
             var _a;
@@ -161,4 +163,7 @@ __decorate([
 __decorate([
     query(`[part="search-context"]`)
 ], FtReaderSearchInDocument.prototype, "searchContext", void 0);
+__decorate([
+    i18nAttribute()
+], FtReaderSearchInDocument.prototype, "placeholder", void 0);
 export { FtReaderSearchInDocument };