@fluid-topics/ft-search-type 1.0.61

package/README.md

@@ -0,0 +1,19 @@
+List of search types in a designed search page context
+
+## Install
+
+```shell
+npm install @fluid-topics/ft-search-type
+yarn add @fluid-topics/ft-search-type
+```
+
+## Usage
+
+```typescript
+import { html } from "lit"
+import "@fluid-topics/ft-search-type"
+
+function render() {
+    return html` <ft-search-type foo="bar"></ft-search-type> `
+}
+```

package/build/FtSearchTypeMessages.d.ts

@@ -0,0 +1,7 @@
+import { DefaultI18nMessages, I18nMessageContext, I18nMessages } from "@fluid-topics/ft-i18n/build/generator/I18nMessageContext";
+export interface SearchTypeMessages extends I18nMessages {
+    label(): string;
+    documentTitlesOnly(): string;
+}
+export declare const searchTypeContext: I18nMessageContext<SearchTypeMessages>;
+export declare const searchTypeDefaultMessages: DefaultI18nMessages<SearchTypeMessages>;

package/build/FtSearchTypeMessages.js

@@ -0,0 +1,6 @@
+import { I18nMessageContext } from "@fluid-topics/ft-i18n/build/generator/I18nMessageContext";
+export const searchTypeContext = I18nMessageContext.build("designedSearchType");
+export const searchTypeDefaultMessages = {
+    label: "Search scope",
+    documentTitlesOnly: "Search in document titles only",
+};

package/build/ft-search-type.css.d.ts

@@ -0,0 +1,2 @@
+export declare const FtSearchTypeCssVariables: {};
+export declare const styles: import("lit").CSSResult;

package/build/ft-search-type.css.js

@@ -0,0 +1,5 @@
+import { css } from "lit";
+export const FtSearchTypeCssVariables = {};
+// language=CSS
+export const styles = css `
+`;

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

@@ -0,0 +1,14 @@
+import { ElementDefinitionsMap } from "@fluid-topics/ft-wc-utils";
+import { FtSearchTypeProperties } from "./ft-search-type.properties";
+import { FtSearchComponent } from "@fluid-topics/ft-search-context/build/registration";
+declare const FtSearchType_base: typeof FtSearchComponent & (new (...args: any[]) => import("@fluid-topics/ft-i18n").FtLitElementWithI18nInterface);
+export declare class FtSearchType extends FtSearchType_base implements FtSearchTypeProperties {
+    static elementDefinitions: ElementDefinitionsMap;
+    static styles: import("lit").CSSResult;
+    private searchInDocumentTitlesOnly?;
+    private filter?;
+    constructor();
+    protected render(): import("lit-html").TemplateResult<1>;
+    private onSelected;
+}
+export {};

package/build/ft-search-type.js

@@ -0,0 +1,54 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html } from "lit";
+import { redux } from "@fluid-topics/ft-wc-utils";
+import { styles } from "./ft-search-type.css";
+import { FtFilter } from "@fluid-topics/ft-filter";
+import { withI18n } from "@fluid-topics/ft-i18n";
+import { FtSearchComponent } from "@fluid-topics/ft-search-context/build/registration";
+import { searchTypeContext, searchTypeDefaultMessages } from "./FtSearchTypeMessages";
+import { query } from "lit/decorators.js";
+import { searchInDocumentTitlesOnlySelector } from "@fluid-topics/ft-search-context";
+class FtSearchType extends withI18n(FtSearchComponent) {
+    constructor() {
+        super();
+        this.addI18nContext(searchTypeContext, searchTypeDefaultMessages);
+    }
+    render() {
+        return html `
+            <ft-filter
+                label=${searchTypeContext.messages.label()}
+                .options=${[
+            {
+                label: searchTypeContext.messages.documentTitlesOnly(),
+                value: (selected) => { var _a; return (_a = this.stateManager) === null || _a === void 0 ? void 0 : _a.setSearchInDocumentTitlesOnly(selected); },
+                selected: this.searchInDocumentTitlesOnly
+            }
+        ]}
+                part="filter"
+                .exportpartsPrefixes=${["filter"]}
+                multivalued
+                @change=${this.onSelected}
+            ></ft-filter>
+        `;
+    }
+    onSelected(event) {
+        var _a;
+        (_a = this.filter) === null || _a === void 0 ? void 0 : _a.options.forEach(o => o.value(o.selected));
+    }
+}
+FtSearchType.elementDefinitions = {
+    "ft-filter": FtFilter,
+};
+FtSearchType.styles = styles;
+__decorate([
+    redux({ selector: searchInDocumentTitlesOnlySelector })
+], FtSearchType.prototype, "searchInDocumentTitlesOnly", void 0);
+__decorate([
+    query("ft-filter")
+], FtSearchType.prototype, "filter", void 0);
+export { FtSearchType };