@fluid-topics/ft-search-input 1.4.1 → 1.4.3

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

@@ -3,6 +3,7 @@ import { FtSearchInputProperties } from "./ft-search-input.properties";
 import { FtSearchComponent } from "@fluid-topics/ft-search-context/build/registration";
 import { FtSearchRequest, FtSuggestResult } from "@fluid-topics/public-api";
 import { FtSearchInputSuggestionManager } from "./ft-search-input-suggestion";
+import { I18nAttributeValue } from "@fluid-topics/ft-i18n/build/decorators/i18nAttribute";
 declare const FtSearchInput_base: typeof FtSearchComponent & import("@fluid-topics/ft-wc-utils").Constructor<import("@fluid-topics/ft-i18n").FtLitElementWithI18nInterface>;
 export declare class FtSearchInput extends FtSearchInput_base implements FtSearchInputProperties {
     static elementDefinitions: ElementDefinitionsMap;
@@ -15,7 +16,7 @@ export declare class FtSearchInput extends FtSearchInput_base implements FtSearc
     displaySuggestListbox: boolean;
     selectedSuggestOptionId?: string;
     launchSearchPath?: string;
-    placeholder: string;
+    placeholder?: I18nAttributeValue;
     useCustomSearchPath: boolean;
     triggerSearchOnClear: boolean;
     focusOnDisplay: boolean;

package/build/ft-search-input.js

@@ -16,13 +16,13 @@ import { FtSearchInputSuggestionManager } from "./ft-search-input-suggestion";
 import { FtButton } from "@fluid-topics/ft-button";
 import { FtTypographyBody2 } from "@fluid-topics/ft-typography";
 import { SearchPlaceConverterProvider } from "@fluid-topics/ft-app-context";
+import { i18nAttribute, } from "@fluid-topics/ft-i18n/build/decorators/i18nAttribute";
 class FtSearchInput extends withI18n(FtSearchComponent) {
     constructor() {
         super();
         this.liveQuery = "";
         this.forceCloseSuggestion = false;
         this.displaySuggestListbox = false;
-        this.placeholder = searchInputContext.messages.placeholder();
         this.useCustomSearchPath = false;
         this.triggerSearchOnClear = false;
         this.focusOnDisplay = false;
@@ -55,7 +55,7 @@ class FtSearchInput extends withI18n(FtSearchComponent) {
                         <input class="ft-search-input--input ft-typography--body2"
                                part="input"
                                type="search"
-                               placeholder="${this.placeholder}"
+                               placeholder="${this.placeholder ? this.placeholder.message : searchInputContext.messages.placeholder()}"
                                .value=${this.liveQuery}
                                role="combobox"
                                aria-autocomplete="list"
@@ -256,7 +256,7 @@ __decorate([
     property()
 ], FtSearchInput.prototype, "launchSearchPath", void 0);
 __decorate([
-    property()
+    i18nAttribute()
 ], FtSearchInput.prototype, "placeholder", void 0);
 __decorate([
     property({ type: Boolean })