@fluid-topics/ft-search-input 2.1.23 → 2.2.0

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

@@ -1,3 +1,4 @@
+import { PropertyValues } from "lit";
 import { ElementDefinitionsMap } from "@fluid-topics/ft-wc-utils";
 import { FtSearchInputProperties } from "./ft-search-input.properties";
 import { FtSearchComponent } from "@fluid-topics/ft-search-context/build/registration";
@@ -37,7 +38,7 @@ export declare class FtSearchInput extends FtSearchInput_base implements FtSearc
     private onFocus;
     focusInput(showSuggestions?: boolean): Promise<void>;
     connectedCallback(): Promise<void>;
-    disconnectedCallback(): void;
+    contentAvailableCallback(props: PropertyValues<this>): void;
     private onPointerDown;
 }
 export {};

package/build/ft-search-input.js

@@ -77,7 +77,9 @@ export class FtSearchInput extends withI18n(FtSearchComponent) {
                                @keyup=${this.onSearchBarKeyUp}>
                     </div>
                     <div class="sr-only" aria-live="polite" aria-atomic="true">
-                        ${displaySuggestions ? searchInputContext.messages.ariaLiveSuggestions(this.suggestions.recentQueriesCount(), this.suggestions.suggestionsCount()) : ""}
+                        ${displaySuggestions
+            ? searchInputContext.messages.ariaLiveSuggestions(this.suggestions.recentQueriesCount(), this.suggestions.suggestionsCount())
+            : ""}
                     </div>
                     ${displaySuggestions ? this.suggestions.render() : nothing}
                 </div>
@@ -216,14 +218,20 @@ export class FtSearchInput extends withI18n(FtSearchComponent) {
     }
     async connectedCallback() {
         super.connectedCallback();
-        document.addEventListener("pointerdown", this.onPointerDown);
         if (this.focusOnDisplay && !isTouchScreen) {
             this.focusInput(false);
         }
     }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        document.removeEventListener("pointerdown", this.onPointerDown);
+    contentAvailableCallback(props) {
+        super.contentAvailableCallback(props);
+        if (props.has("displaySuggestListbox")) {
+            if (this.displaySuggestListbox) {
+                document.addEventListener("pointerdown", this.onPointerDown);
+            }
+            else {
+                document.removeEventListener("pointerdown", this.onPointerDown);
+            }
+        }
     }
 }
 FtSearchInput.elementDefinitions = {