@searchcraft/javascript-sdk 0.7.2 → 0.8.1

package/dist/types/index.d.ts

@@ -9,7 +9,6 @@
  */
 export type * from './components';
 export { parseCustomStyles, serializeStyles, } from './utils';
-export { useSearchcraftStore, useThemeStore } from './provider/store';
+export { useSearchcraftStore } from './provider/store';
 export type { Components } from './components';
-export * from './types';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/provider/SearchcraftStore.d.ts

@@ -0,0 +1,4 @@
+import type { SearchcraftState } from './SearchcraftStore.types';
+declare const useSearchcraftStore: import("zustand").UseBoundStore<import("zustand").StoreApi<SearchcraftState>>;
+export { useSearchcraftStore };
+//# sourceMappingURL=SearchcraftStore.d.ts.map

package/dist/types/provider/SearchcraftStore.types.d.ts

@@ -0,0 +1,44 @@
+import type { FacetPathsForIndexField, FacetPrime, RangeValueForIndexField, Logger, SearchcraftCore, SearchClientResponseItem, AdClientResponseItem } from '@searchcraft/core';
+/**
+ * Callable functions made available by the SearchcraftStore.
+ */
+export interface SearchcraftStateFunctions {
+    addFacetPathsForIndexField: (data: FacetPathsForIndexField) => void;
+    addRangeValueForIndexField: (data: RangeValueForIndexField) => void;
+    getSearchcraftInstance: () => SearchcraftCore | undefined;
+    initialize: (searchcraft: SearchcraftCore, debug?: boolean) => void;
+    removeFacetPathsForIndexField: (fieldName: string) => void;
+    removeRangeValueForIndexField: (fieldName: string) => void;
+    resetFacetPaths: () => void;
+    search: () => Promise<void>;
+    setPopoverVisibility: (isVisible: boolean) => void;
+    setSearchClientResponseItems: (results: SearchClientResponseItem[]) => void;
+    setSearchResultsPage: (page: number) => void;
+    setSearchResultsPerPage: (perPage: number) => void;
+    setSearchTerm: (searchTerm: string) => void;
+    setSearchMode: (mode: 'fuzzy' | 'exact') => void;
+    setSortType: (type: 'asc' | 'desc') => void;
+}
+/**
+ * Values stored in SearchcraftStore.
+ */
+export interface SearchcraftStateValues {
+    adClientResponseItems: AdClientResponseItem[];
+    core: SearchcraftCore | undefined;
+    logger: Logger | undefined;
+    facetPathsForIndexFields: Record<string, FacetPathsForIndexField>;
+    isPopoverVisible: boolean;
+    rangeValueForIndexFields: Record<string, RangeValueForIndexField>;
+    searchMode: 'fuzzy' | 'exact';
+    searchClientResponseItems: SearchClientResponseItem[];
+    searchResponseTimeTaken: number | undefined;
+    searchResponseFacetPrime: FacetPrime | undefined;
+    searchResultsCount: number;
+    searchResultsPage: number;
+    searchResultsPerPage: number;
+    searchTerm: string;
+    sortType: 'asc' | 'desc';
+}
+export interface SearchcraftState extends SearchcraftStateFunctions, SearchcraftStateValues {
+}
+//# sourceMappingURL=SearchcraftStore.types.d.ts.map

package/dist/types/provider/store.d.ts

@@ -1,35 +1,3 @@
-import { type SearchcraftCore, type SearchcraftResponse, type FacetPrime, type FacetPathsForIndexField, type RangeValueForIndexField } from '@searchcraft/core';
-interface ThemeState {
-    theme: 'light' | 'dark';
-    toggleTheme: () => void;
-}
-export interface SearchcraftState {
-    resetFacetPaths: () => void;
-    addFacetPathsForIndexField: (data: FacetPathsForIndexField) => void;
-    removeFacetPathsForIndexField: (fieldName: string) => void;
-    addRangeValueForIndexField: (data: RangeValueForIndexField) => void;
-    removeRangeValueForIndexField: (fieldName: string) => void;
-    setSearchMode: (mode: 'fuzzy' | 'exact') => void;
-    setSortType: (type: 'asc' | 'desc') => void;
-    facetPathsForIndexFields: Record<string, FacetPathsForIndexField>;
-    rangeValueForIndexFields: Record<string, RangeValueForIndexField>;
-    searchMode: 'fuzzy' | 'exact';
-    sortType: 'asc' | 'desc';
-    facets: FacetPrime | null;
-    getSearchcraftInstance: () => SearchcraftCore | null;
-    initialize: (searchcraft: SearchcraftCore, debug?: boolean) => void;
-    isRequesting: boolean;
-    query: string;
-    search: () => Promise<void>;
-    searchResults: SearchcraftResponse | null;
-    setFacets: (facets: FacetPrime) => void;
-    setIsRequesting: (isRequesting: boolean) => void;
-    setQuery: (query: string) => void;
-    setSearchResults: (results: SearchcraftResponse | null) => void;
-    setPopoverVisibility: (isVisible: boolean) => void;
-    isPopoverVisible: boolean;
-}
-declare const useSearchcraftStore: import("zustand").UseBoundStore<import("zustand").StoreApi<SearchcraftState>>;
-declare const useThemeStore: import("zustand").UseBoundStore<import("zustand").StoreApi<ThemeState>>;
-export { useSearchcraftStore, useThemeStore };
+export * from './SearchcraftStore.types';
+export * from './SearchcraftStore';
 //# sourceMappingURL=store.d.ts.map

package/dist/types/utils/units.d.ts

@@ -1,4 +1,4 @@
-import type { SearchResultMapping } from "../types/index";
+import type { SearchResultMapping } from '@searchcraft/core';
 /**
  * Given a document and a SearchResultMapping, return a mapped value from the document.
  *

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@searchcraft/javascript-sdk",
   "private": false,
-  "version": "0.7.2",
+  "version": "0.8.1",
   "description": "Searchcraft Javascript SDK",
   "author": "Searchcraft",
   "license": "Apache-2.0",
@@ -51,7 +51,7 @@
     "classnames": "^2.3.2"
   },
   "devDependencies": {
-    "@searchcraft/core": "^0.7.2",
+    "@searchcraft/core": "^0.8.1",
     "@searchcraft/javascript-sdk": "*",
     "@stencil/core": "^4.7.0",
     "@stencil/react-output-target": "^0.8.2",
@@ -59,5 +59,5 @@
     "@types/node": "^16.18.11",
     "zustand": "^5.0.1"
   },
-  "gitHead": "ce371fba79c42e772f3af0cdfb34a5c9971546e2"
+  "gitHead": "8e7f1726596a6d96a07dd86e5346248e88636cfc"
 }

package/dist/cjs/searchcraft-base-search-result.cjs.entry.js

@@ -1,117 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-a81df4f0.js');
-const store = require('./store-f6ba3dfb.js');
-
-const SearchcraftBaseSearchResult = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-    }
-    /**
-     * The title content.
-     */
-    titleContent;
-    /**
-     * The subtitle content.
-     */
-    subtitleContent;
-    /**
-     * The body content.
-     */
-    bodyContent;
-    /**
-     * The footer content.
-     */
-    footerContent;
-    /**
-     * The label for the button rendered when containerHref is not present.
-     */
-    buttonLabel;
-    /**
-     * The link for the button rendered when containerHref is not present.
-     */
-    buttonHref;
-    /**
-     * Where to open the link for the button rendered when containerHref is not present.
-     */
-    buttonTarget = '_blank';
-    /**
-     * The relationship between the current document and the link for the button rendered when containerHref is not present.
-     */
-    buttonRel;
-    /**
-     * The link for the containing element.
-     */
-    containerHref;
-    /**
-     * Where to open the link for the containing element.
-     */
-    containerTarget = '_blank';
-    /**
-     * The relationship between the current document and the link for the containing element.
-     */
-    containerRel;
-    /**
-     * The image source.
-     */
-    imageSrc;
-    /**
-     * The image alternative text.
-     */
-    imageAlt;
-    /**
-     * The placement of the image.
-     */
-    imagePlacement = 'right';
-    /**
-     * A custom styles object.
-     */
-    customStyles;
-    /**
-     * The position in the document. Used with the "document_clicked" measure event.
-     */
-    documentPosition = 0;
-    searchcraftStore = store.useSearchcraftStore.getState();
-    recordMeasureEvent = () => {
-        const searchcraft = this.searchcraftStore.getSearchcraftInstance();
-        if (searchcraft) {
-            const document_position = this.documentPosition;
-            const search_term = this.searchcraftStore.query;
-            const number_of_documents = this.searchcraftStore.searchResults?.data?.hits?.length || 0;
-            searchcraft.sendMeasureEvent('document_clicked', {
-                document_position,
-                number_of_documents,
-                search_term,
-            });
-        }
-    };
-    parseStyles = () => {
-        if (this.customStyles) {
-            try {
-                return JSON.parse(this.customStyles);
-            }
-            catch (error) {
-                console.error('Error parsing custom styles:', error);
-                return {};
-            }
-        }
-        return {};
-    };
-    render() {
-        const styles = this.parseStyles();
-        const imageContainer = this.imageSrc && (index.h("img", { alt: this.imageAlt, class: 'searchcraft-search-result-image', src: this.imageSrc, style: styles.image || {} }));
-        const contentContainer = (index.h(index.Fragment, null, this.imageSrc && this.imagePlacement === 'left' && imageContainer, index.h("div", { class: 'searchcraft-base-search-result-content-container' }, this.titleContent && (index.h("h2", { class: 'searchcraft-base-search-result-title', style: styles.title || {} }, this.titleContent)), this.subtitleContent && (index.h("h3", { class: 'searchcraft-base-search-result-subtitle', style: styles.subtitle || {} }, this.subtitleContent)), this.bodyContent && (index.h("p", { class: 'searchcraft-base-search-result-body-content', style: styles.primaryContent || {} }, this.bodyContent)), this.footerContent && (index.h("p", { class: 'searchcraft-base-search-result-footer-content', style: styles.secondaryContent || {} }, this.footerContent)), this.buttonHref && !this.containerHref && this.buttonLabel && (index.h("a", { class: 'searchcraft-search-result-button', href: this.buttonHref, style: styles.button || {}, target: this.buttonTarget, rel: this.buttonRel }, this.buttonLabel))), this.imageSrc && this.imagePlacement === 'right' && imageContainer));
-        /** Render as an anchor tag if the containerHref prop is present. */
-        if (this.containerHref) {
-            return (index.h("a", { class: 'searchcraft-search-result-container', onClick: this.recordMeasureEvent, href: this.containerHref, rel: this.containerRel, style: styles.container || {}, tabindex: '0', target: this.containerTarget }, contentContainer));
-        }
-        /** Render as a div if no href prop. */
-        return (index.h("div", { class: 'searchcraft-search-result-container', style: styles.container || {} }, contentContainer));
-    }
-};
-
-exports.searchcraft_base_search_result = SearchcraftBaseSearchResult;
-
-//# sourceMappingURL=searchcraft-base-search-result.cjs.entry.js.map

package/dist/cjs/searchcraft-base-search-result.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"searchcraft-base-search-result.entry.cjs.js","mappings":"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","names":["useSearchcraftStore","h","Fragment"],"sources":["src/components/searchcraft-base-search-result/searchcraft-base-search-result.tsx"],"sourcesContent":["import { useSearchcraftStore } from '@provider/store';\nimport { Component, Fragment, h, Prop } from '@stencil/core';\n\n/**\n * This web component is designed to display detailed information for a single search result.\n * Once a query is submitted, the component formats and presents the result.\n * It is consumed within the `searchcraft-base-search-results` component.\n */\n@Component({\n  tag: 'searchcraft-base-search-result',\n  shadow: false,\n})\nexport class SearchcraftBaseSearchResult {\n  /**\n   * The title content.\n   */\n  @Prop() titleContent: string | undefined;\n  /**\n   * The subtitle content.\n   */\n  @Prop() subtitleContent: string | undefined;\n  /**\n   * The body content.\n   */\n  @Prop() bodyContent: string | undefined;\n  /**\n   * The footer content.\n   */\n  @Prop() footerContent: string | undefined;\n  /**\n   * The label for the button rendered when containerHref is not present.\n   */\n  @Prop() buttonLabel: string | undefined;\n  /**\n   * The link for the button rendered when containerHref is not present.\n   */\n  @Prop() buttonHref: string | undefined;\n  /**\n   * Where to open the link for the button rendered when containerHref is not present.\n   */\n  @Prop() buttonTarget: '_blank' | '_self' | '_top' | '_parent' = '_blank';\n  /**\n   * The relationship between the current document and the link for the button rendered when containerHref is not present.\n   */\n  @Prop() buttonRel: 'noreferrer' | 'noopener' | 'nofollow' | undefined;\n  /**\n   * The link for the containing element.\n   */\n  @Prop() containerHref: string | undefined;\n  /**\n   * Where to open the link for the containing element.\n   */\n  @Prop() containerTarget: '_blank' | '_self' | '_top' | '_parent' = '_blank';\n  /**\n   * The relationship between the current document and the link for the containing element.\n   */\n  @Prop() containerRel: 'noreferrer' | 'noopener' | 'nofollow' | undefined;\n  /**\n   * The image source.\n   */\n  @Prop() imageSrc: string | undefined;\n  /**\n   * The image alternative text.\n   */\n  @Prop() imageAlt: string | undefined;\n  /**\n   * The placement of the image.\n   */\n  @Prop() imagePlacement: 'left' | 'right' = 'right';\n  /**\n   * A custom styles object.\n   */\n  @Prop() customStyles: string | undefined;\n  /**\n   * The position in the document. Used with the \"document_clicked\" measure event.\n   */\n  @Prop() documentPosition = 0;\n\n  private searchcraftStore = useSearchcraftStore.getState();\n\n  private recordMeasureEvent = () => {\n    const searchcraft = this.searchcraftStore.getSearchcraftInstance();\n\n    if (searchcraft) {\n      const document_position = this.documentPosition;\n      const search_term = this.searchcraftStore.query;\n      const number_of_documents =\n        this.searchcraftStore.searchResults?.data?.hits?.length || 0;\n\n      searchcraft.sendMeasureEvent('document_clicked', {\n        document_position,\n        number_of_documents,\n        search_term,\n      });\n    }\n  };\n\n  private parseStyles = (): Record<string, { [key: string]: string }> => {\n    if (this.customStyles) {\n      try {\n        return JSON.parse(this.customStyles);\n      } catch (error) {\n        console.error('Error parsing custom styles:', error);\n        return {};\n      }\n    }\n    return {};\n  };\n\n  render() {\n    const styles = this.parseStyles();\n    const imageContainer = this.imageSrc && (\n      <img\n        alt={this.imageAlt}\n        class='searchcraft-search-result-image'\n        src={this.imageSrc}\n        style={styles.image || {}}\n      />\n    );\n\n    const contentContainer = (\n      <Fragment>\n        {this.imageSrc && this.imagePlacement === 'left' && imageContainer}\n        <div class='searchcraft-base-search-result-content-container'>\n          {this.titleContent && (\n            <h2\n              class='searchcraft-base-search-result-title'\n              style={styles.title || {}}\n            >\n              {this.titleContent}\n            </h2>\n          )}\n          {this.subtitleContent && (\n            <h3\n              class='searchcraft-base-search-result-subtitle'\n              style={styles.subtitle || {}}\n            >\n              {this.subtitleContent}\n            </h3>\n          )}\n          {this.bodyContent && (\n            <p\n              class='searchcraft-base-search-result-body-content'\n              style={styles.primaryContent || {}}\n            >\n              {this.bodyContent}\n            </p>\n          )}\n\n          {this.footerContent && (\n            <p\n              class='searchcraft-base-search-result-footer-content'\n              style={styles.secondaryContent || {}}\n            >\n              {this.footerContent}\n            </p>\n          )}\n          {this.buttonHref && !this.containerHref && this.buttonLabel && (\n            <a\n              class='searchcraft-search-result-button'\n              href={this.buttonHref}\n              style={styles.button || {}}\n              target={this.buttonTarget}\n              rel={this.buttonRel}\n            >\n              {this.buttonLabel}\n            </a>\n          )}\n        </div>\n        {this.imageSrc && this.imagePlacement === 'right' && imageContainer}\n      </Fragment>\n    );\n\n    /** Render as an anchor tag if the containerHref prop is present. */\n    if (this.containerHref) {\n      return (\n        <a\n          class='searchcraft-search-result-container'\n          onClick={this.recordMeasureEvent}\n          href={this.containerHref}\n          rel={this.containerRel}\n          style={styles.container || {}}\n          tabindex='0'\n          target={this.containerTarget}\n        >\n          {contentContainer}\n        </a>\n      );\n    }\n\n    /** Render as a div if no href prop. */\n    return (\n      <div\n        class='searchcraft-search-result-container'\n        style={styles.container || {}}\n      >\n        {contentContainer}\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/searchcraft-popover-list-item.cjs.entry.js

@@ -1,49 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-a81df4f0.js');
-const store = require('./store-f6ba3dfb.js');
-
-const SearchcraftPopoverListItem = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-    }
-    /** The result title */
-    titleContent;
-    /** The result subtitle */
-    subtitleContent;
-    /** The source of the image. If not included, no item will be rendered. */
-    imageSrc;
-    /** The image alt tag. */
-    imageAlt;
-    /** The link href */
-    href;
-    /** The document position relative to the search results (For Measure) */
-    documentPosition = 0;
-    componentDidLoad() { }
-    connectedCallback() { }
-    disconnectedCallback() { }
-    handleButtonClick() { }
-    handleLinkClick = () => {
-        const state = store.useSearchcraftStore.getState();
-        const searchcraft = state.getSearchcraftInstance();
-        if (searchcraft) {
-            const document_position = this.documentPosition;
-            const search_term = state.query;
-            const number_of_documents = state.searchResults?.data?.hits?.length || 0;
-            searchcraft.sendMeasureEvent('document_clicked', {
-                document_position,
-                number_of_documents,
-                search_term,
-            });
-        }
-    };
-    render() {
-        return (index.h("a", { key: 'b20aae2fc421323774a5129dde7d53d4ae3283fb', class: 'searchcraft-popover-list-item', href: this.href, onClick: this.handleLinkClick.bind(this) }, this.imageSrc && (index.h("div", { key: '79541d12ea3adafff2e141cb8946aa3feaea51df', class: 'searchcraft-popover-list-item-image-wrapper' }, index.h("img", { key: '3e6368a0f544a58ee0af9d1c15d0c909c6231842', alt: this.imageAlt, src: this.imageSrc, class: 'searchcraft-popover-list-item-image' }))), index.h("div", { key: '87e7a9dcc8b868af259b4456e9962af9d8dee498', class: 'searchcraft-popover-list-item-info-wrapper' }, index.h("p", { key: 'e5b63b4c2752573d0ee0ef52c2903b593a8b94a0', class: 'searchcraft-popover-list-item-title' }, this.titleContent), index.h("p", { key: 'c506d5d7e569ec20885eb65cdc6476dfb8895a13', class: 'searchcraft-popover-list-item-subtitle' }, this.subtitleContent))));
-    }
-};
-
-exports.searchcraft_popover_list_item = SearchcraftPopoverListItem;
-
-//# sourceMappingURL=searchcraft-popover-list-item.cjs.entry.js.map

package/dist/cjs/searchcraft-popover-list-item.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"searchcraft-popover-list-item.entry.cjs.js","mappings":";;;;;;;MAUa,0BAA0B;;;;;IAE7B,YAAY,CAAqB;;IAEjC,eAAe,CAAqB;;IAEpC,QAAQ,CAAqB;;IAE7B,QAAQ,CAAqB;;IAE7B,IAAI,CAAqB;;IAEzB,gBAAgB,GAAG,CAAC,CAAC;IAE7B,gBAAgB,MAAK;IAErB,iBAAiB,MAAK;IAEtB,oBAAoB,MAAK;IAEzB,iBAAiB,MAAK;IAEtB,eAAe,GAAG;QAChB,MAAM,KAAK,GAAGA,yBAAmB,CAAC,QAAQ,EAAE,CAAC;QAC7C,MAAM,WAAW,GAAG,KAAK,CAAC,sBAAsB,EAAE,CAAC;QAEnD,IAAI,WAAW,EAAE;YACf,MAAM,iBAAiB,GAAG,IAAI,CAAC,gBAAgB,CAAC;YAChD,MAAM,WAAW,GAAG,KAAK,CAAC,KAAK,CAAC;YAChC,MAAM,mBAAmB,GAAG,KAAK,CAAC,aAAa,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,IAAI,CAAC,CAAC;YAEzE,WAAW,CAAC,gBAAgB,CAAC,kBAAkB,EAAE;gBAC/C,iBAAiB;gBACjB,mBAAmB;gBACnB,WAAW;aACZ,CAAC,CAAC;SACJ;KACF,CAAC;IAEF,MAAM;QACJ,QACEC,gEACE,KAAK,EAAC,+BAA+B,EACrC,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,IAEvC,IAAI,CAAC,QAAQ,KACZA,kEAAK,KAAK,EAAC,6CAA6C,IACtDA,kEACE,GAAG,EAAE,IAAI,CAAC,QAAQ,EAClB,GAAG,EAAE,IAAI,CAAC,QAAQ,EAClB,KAAK,EAAC,qCAAqC,GAC3C,CACE,CACP,EACDA,kEAAK,KAAK,EAAC,4CAA4C,IACrDA,gEAAG,KAAK,EAAC,qCAAqC,IAAE,IAAI,CAAC,YAAY,CAAK,EACtEA,gEAAG,KAAK,EAAC,wCAAwC,IAC9C,IAAI,CAAC,eAAe,CACnB,CACA,CACJ,EACJ;KACH;;;;;","names":["useSearchcraftStore","h"],"sources":["src/components/searchcraft-popover-list-item/searchcraft-popover-list-item.tsx"],"sourcesContent":["import { useSearchcraftStore } from '@provider/store';\nimport { Component, h, Prop } from '@stencil/core';\n\n/**\n * A single list item rendered in a searchcraft-popover-list-view.\n */\n@Component({\n  tag: 'searchcraft-popover-list-item',\n  shadow: false,\n})\nexport class SearchcraftPopoverListItem {\n  /** The result title */\n  @Prop() titleContent: string | undefined;\n  /** The result subtitle */\n  @Prop() subtitleContent: string | undefined;\n  /** The source of the image. If not included, no item will be rendered. */\n  @Prop() imageSrc: string | undefined;\n  /** The image alt tag. */\n  @Prop() imageAlt: string | undefined;\n  /** The link href */\n  @Prop() href: string | undefined;\n  /** The document position relative to the search results (For Measure) */\n  @Prop() documentPosition = 0;\n\n  componentDidLoad() {}\n\n  connectedCallback() {}\n\n  disconnectedCallback() {}\n\n  handleButtonClick() {}\n\n  handleLinkClick = () => {\n    const state = useSearchcraftStore.getState();\n    const searchcraft = state.getSearchcraftInstance();\n\n    if (searchcraft) {\n      const document_position = this.documentPosition;\n      const search_term = state.query;\n      const number_of_documents = state.searchResults?.data?.hits?.length || 0;\n\n      searchcraft.sendMeasureEvent('document_clicked', {\n        document_position,\n        number_of_documents,\n        search_term,\n      });\n    }\n  };\n\n  render() {\n    return (\n      <a\n        class='searchcraft-popover-list-item'\n        href={this.href}\n        onClick={this.handleLinkClick.bind(this)}\n      >\n        {this.imageSrc && (\n          <div class='searchcraft-popover-list-item-image-wrapper'>\n            <img\n              alt={this.imageAlt}\n              src={this.imageSrc}\n              class='searchcraft-popover-list-item-image'\n            />\n          </div>\n        )}\n        <div class='searchcraft-popover-list-item-info-wrapper'>\n          <p class='searchcraft-popover-list-item-title'>{this.titleContent}</p>\n          <p class='searchcraft-popover-list-item-subtitle'>\n            {this.subtitleContent}\n          </p>\n        </div>\n      </a>\n    );\n  }\n}\n"],"version":3}