@fluid-topics/ft-search-bar 1.1.89 → 1.1.91

package/build/ft-search-bar.js

@@ -210,13 +210,14 @@ class FtSearchBar extends FtLitElement {
         `;
     }
     renderSearchBar() {
-        return this.facetsInitialized && this.availableContentLocalesInitialized
-            ? this.isMobile() ? this.mobileSearchBarManager.render() : this.desktopSearchBarManager.render()
-            : html `
-                <ft-skeleton class="ft-search-bar--container ft-search-bar--skeleton"
-                             part="loader"
-                             tabindex="-1"></ft-skeleton>
-            `;
+        if (this.facetsInitialized && this.availableContentLocalesInitialized) {
+            return this.isMobile() ? this.mobileSearchBarManager.render() : this.desktopSearchBarManager.render();
+        }
+        return html `
+            <ft-skeleton class="ft-search-bar--container ft-search-bar--skeleton"
+                         part="loader"
+                         tabindex="-1"></ft-skeleton>
+        `;
     }
     renderMobileFacets() {
         const currentLocale = this.availableContentLocales.filter(l => l.lang === this.contentLocale).pop();
@@ -564,7 +565,7 @@ class FtSearchBar extends FtLitElement {
         document.addEventListener("focusin", this.closeFloatingContainer);
         document.addEventListener("click", this.closeFloatingContainer);
         if (this.focusOnDisplay && !isTouchScreen) {
-            await this.focusInput();
+            this.focusInput();
         }
         ftAppInfoStore.eventBus.addEventListener("authentication-change", this.initSearchData);
         this.initSearchData();
@@ -626,17 +627,15 @@ class FtSearchBar extends FtLitElement {
             </div>`;
     }
     enableFocusReactionOnAnyUserInteraction() {
-        var _a, _b, _c;
-        (_a = this.container) === null || _a === void 0 ? void 0 : _a.addEventListener("blur", this.enableFocusReactionCallback);
-        (_b = this.container) === null || _b === void 0 ? void 0 : _b.addEventListener("click", this.enableFocusReactionCallback);
-        (_c = this.container) === null || _c === void 0 ? void 0 : _c.addEventListener("keyup", this.enableFocusReactionCallback);
+        this.addEventListener("blur", this.enableFocusReactionCallback);
+        this.addEventListener("click", this.enableFocusReactionCallback);
+        this.addEventListener("keyup", this.enableFocusReactionCallback);
     }
     enableFocusReaction() {
-        var _a, _b, _c;
         this.reactToFocus = true;
-        (_a = this.container) === null || _a === void 0 ? void 0 : _a.removeEventListener("blur", this.enableFocusReactionCallback);
-        (_b = this.container) === null || _b === void 0 ? void 0 : _b.removeEventListener("click", this.enableFocusReactionCallback);
-        (_c = this.container) === null || _c === void 0 ? void 0 : _c.removeEventListener("keyup", this.enableFocusReactionCallback);
+        this.removeEventListener("blur", this.enableFocusReactionCallback);
+        this.removeEventListener("click", this.enableFocusReactionCallback);
+        this.removeEventListener("keyup", this.enableFocusReactionCallback);
     }
 }
 FtSearchBar.elementDefinitions = {