@fluid-topics/ft-search-selected-facets 1.0.59 → 1.0.61

package/build/ft-search-selected-facets.css.js

@@ -1,7 +1,7 @@
 import { css } from "lit";
 import { FtCssVariableFactory } from "@fluid-topics/ft-wc-utils";
 export const FtSearchSelectedFacetsCssVariables = {
-    spacing: FtCssVariableFactory.create("--ft-search-selected-facets-spacing", "SIZE", "8px")
+    spacing: FtCssVariableFactory.create("--ft-search-selected-facets-spacing", "", "SIZE", "8px")
 };
 // language=CSS
 export const styles = css `

package/build/ft-search-selected-facets.d.ts

@@ -3,10 +3,12 @@ import { ElementDefinitionsMap } from "@fluid-topics/ft-wc-utils";
 import { FtSearchSelectedFacetsProperties } from "./ft-search-selected-facets.properties";
 import { FtSearchComponent } from "@fluid-topics/ft-search-context/build/registration";
 import { FtSearchFacet } from "@fluid-topics/public-api";
-export declare class FtSearchSelectedFacets extends FtSearchComponent implements FtSearchSelectedFacetsProperties {
+declare const FtSearchSelectedFacets_base: typeof FtSearchComponent & (new (...args: any[]) => import("@fluid-topics/ft-i18n").FtLitElementWithI18nInterface);
+export declare class FtSearchSelectedFacets extends FtSearchSelectedFacets_base implements FtSearchSelectedFacetsProperties {
     static elementDefinitions: ElementDefinitionsMap;
     static styles: import("lit").CSSResult;
     facets?: Array<FtSearchFacet>;
+    searchInDocumentTitlesOnly?: boolean;
     editorMode: boolean;
     constructor();
     protected render(): import("lit-html").TemplateResult<1> | typeof nothing;
@@ -17,4 +19,6 @@ export declare class FtSearchSelectedFacets extends FtSearchComponent implements
     private getBreadcrumbFromValue;
     private quote;
     private unquote;
+    private renderSearchInDocumentTitlesOnly;
 }
+export {};

package/build/ft-search-selected-facets.js

@@ -12,26 +12,31 @@ import { FtSearchComponent } from "@fluid-topics/ft-search-context/build/registr
 import { FtChip } from "@fluid-topics/ft-chip";
 import { FtTooltip } from "@fluid-topics/ft-tooltip";
 import { ftAppInfoStore } from "@fluid-topics/ft-app-context";
-class FtSearchSelectedFacets extends FtSearchComponent {
+import { withI18n } from "@fluid-topics/ft-i18n";
+import { searchInDocumentTitlesOnlySelector } from "@fluid-topics/ft-search-context";
+import { searchTypeContext, searchTypeDefaultMessages } from "@fluid-topics/ft-search-type";
+class FtSearchSelectedFacets extends withI18n(FtSearchComponent) {
     constructor() {
         super();
         this.editorMode = false;
         this.addStore(ftAppInfoStore);
+        this.addI18nContext(searchTypeContext, searchTypeDefaultMessages);
     }
     render() {
         if (this.editorMode) {
             return this.renderDummyFacet();
         }
-        if (this.facets == null || this.facets.length === 0) {
+        if ((this.facets == null || this.facets.length === 0) && !this.searchInDocumentTitlesOnly) {
             return nothing;
         }
         return html `
 
             <div class="ft-search-selected-facets--container">
-                ${repeat(this.facets, facet => facet.key, facet => {
+                ${repeat(this.facets || [], facet => facet.key, facet => {
             const values = this.getSelectedValues(facet);
             return repeat(values, value => facet.key + "-" + value, value => this.renderFacet(facet.key, facet.label, values, value));
         })}
+                ${this.renderSearchInDocumentTitlesOnly()}
             </div>
         `;
     }
@@ -84,6 +89,19 @@ class FtSearchSelectedFacets extends FtSearchComponent {
         }
         return value;
     }
+    renderSearchInDocumentTitlesOnly() {
+        return this.searchInDocumentTitlesOnly ? html `
+            <ft-tooltip inline text="${searchTypeContext.messages.documentTitlesOnly()}"
+                        part="tooltips tooltip-search-in-document-titles-only">
+                <ft-chip
+                        part="ft-search-selected-facets ft-search-selected-facet-search-in-document-titles-only"
+                        removable
+                        @icon-click=${() => { var _a; return (_a = this.stateManager) === null || _a === void 0 ? void 0 : _a.setSearchInDocumentTitlesOnly(false); }}>
+                    ${searchTypeContext.messages.documentTitlesOnly()}
+                </ft-chip>
+            </ft-tooltip>
+        ` : nothing;
+    }
 }
 FtSearchSelectedFacets.elementDefinitions = {
     "ft-chip": FtChip,
@@ -93,6 +111,9 @@ FtSearchSelectedFacets.styles = styles;
 __decorate([
     redux({ store: "search" })
 ], FtSearchSelectedFacets.prototype, "facets", void 0);
+__decorate([
+    redux({ store: "search", selector: searchInDocumentTitlesOnlySelector })
+], FtSearchSelectedFacets.prototype, "searchInDocumentTitlesOnly", void 0);
 __decorate([
     redux({ store: ftAppInfoStore.name })
 ], FtSearchSelectedFacets.prototype, "editorMode", void 0);