@fluid-topics/ft-search-bar 0.1.17 → 0.2.1

package/build/ft-search-bar.js

@@ -8,7 +8,7 @@ import { html, nothing } from "lit";
 import { property, query, state } from "lit/decorators.js";
 import { repeat } from "lit/directives/repeat.js";
 import { classMap } from "lit/directives/class-map.js";
-import { customElement, Debouncer, FtLitElement, jsonProperty, ParametrizedLabelResolver } from "@fluid-topics/ft-wc-utils";
+import { Debouncer, FtLitElement, jsonProperty, ParametrizedLabelResolver } from "@fluid-topics/ft-wc-utils";
 import { FtSizeCategory, FtSizeWatcher } from "@fluid-topics/ft-size-watcher";
 import { FtTypography, FtTypographyBody2 } from "@fluid-topics/ft-typography";
 import { facetToFilter, getBreadcrumbFromValue, getLabelFromValue, getSelectedValues, selectedValues, serializeRequest } from "./converters";
@@ -20,7 +20,6 @@ import { FtChip } from "@fluid-topics/ft-chip";
 import { FtSelect, FtSelectOption } from "@fluid-topics/ft-select";
 import { FtSnapScroll } from "@fluid-topics/ft-snap-scroll";
 import { FtTooltip } from "@fluid-topics/ft-tooltip";
-import { Icon } from "@material/mwc-icon";
 import { FtRipple } from "@fluid-topics/ft-ripple";
 import { flatDeep } from "@fluid-topics/ft-filter/build/utils";
 import { facetsCss, searchBarCss, selectedFiltersCss, suggestionsCss } from "./ft-search-bar.css";
@@ -53,7 +52,7 @@ export class SearchStateChangeEvent extends CustomEvent {
         super("change", { detail: request });
     }
 }
-let FtSearchBar = class FtSearchBar extends FtLitElement {
+export class FtSearchBar extends FtLitElement {
     constructor() {
         super(...arguments);
         this.dense = false;
@@ -91,15 +90,6 @@ let FtSearchBar = class FtSearchBar extends FtLitElement {
             && a.filters.length === b.filters.length
             && a.filters.every(fa => b.filters.some(fb => this.compareFilters(fa, fb)));
     }
-    getStyles() {
-        return [
-            FtTypographyBody2,
-            searchBarCss,
-            facetsCss,
-            selectedFiltersCss,
-            suggestionsCss
-        ];
-    }
     get recentSearchesStorageKey() {
         return this.baseUrl + ":ft:recent-search-queries";
     }
@@ -151,7 +141,7 @@ let FtSearchBar = class FtSearchBar extends FtLitElement {
         this.mobileMenuOpen = false;
         this.displayFacets = false;
     }
-    getTemplate() {
+    render() {
         const rootClasses = {
             "ft-search-bar--container": true,
             "ft-search-bar--dense": !this.isMobile && this.dense,
@@ -516,7 +506,7 @@ let FtSearchBar = class FtSearchBar extends FtLitElement {
                                @keyup=${(e) => this.onSuggestKeyUp(e, query)}
                                @click=${(e) => this.onSuggestClick(e, query)}>
                                 <ft-ripple></ft-ripple>
-                                <mwc-icon part="suggestion-icon">history</mwc-icon>
+                                <ft-icon variant="material" part="suggestion-icon">history</ft-icon>
                                 <ft-typography variant="body1">${query}</ft-typography>
                                 <ft-button icon="close"
                                            round
@@ -808,7 +798,7 @@ let FtSearchBar = class FtSearchBar extends FtLitElement {
                 break;
         }
     }
-};
+}
 FtSearchBar.elementDefinitions = {
     "ft-accordion": FtAccordion,
     "ft-accordion-item": FtAccordionItem,
@@ -824,8 +814,14 @@ FtSearchBar.elementDefinitions = {
     "ft-snap-scroll": FtSnapScroll,
     "ft-tooltip": FtTooltip,
     "ft-typography": FtTypography,
-    "mwc-icon": Icon,
 };
+FtSearchBar.styles = [
+    FtTypographyBody2,
+    searchBarCss,
+    facetsCss,
+    selectedFiltersCss,
+    suggestionsCss
+];
 __decorate([
     property({ type: Boolean })
 ], FtSearchBar.prototype, "dense", void 0);
@@ -916,8 +912,4 @@ __decorate([
 __decorate([
     state()
 ], FtSearchBar.prototype, "api", void 0);
-FtSearchBar = __decorate([
-    customElement("ft-search-bar")
-], FtSearchBar);
-export { FtSearchBar };
 //# sourceMappingURL=ft-search-bar.js.map