@searchcraft/javascript-sdk 0.10.4 → 0.10.5

package/dist/components/p-bb700499.js

@@ -0,0 +1,338 @@
+import { p as proxyCustomElement, H, c as createEvent, h } from './p-5365011f.js';
+import { s as searchcraftStore } from './p-7c10ca44.js';
+import './p-a64b4cba.js';
+
+/**
+ * Helper function for getting a Node (FacetWithChildrenObject)
+ * at a given path. Traverses the node tree to get the node.
+ */
+const getNodeAtPath = (tree, nodePaths) => {
+    let cursor = tree;
+    for (const nodePath of nodePaths) {
+        cursor = cursor?.children[nodePath];
+    }
+    return cursor;
+};
+/**
+ * Helper function to perform a deep merge.
+ * Used for merging two branches of a facet tree together.
+ */
+const deepMergeWithSpread = (obj1, obj2) => {
+    const result = { ...obj1 };
+    for (const key in obj2) {
+        // biome-ignore lint/suspicious/noPrototypeBuiltins: <explanation>
+        if (obj2.hasOwnProperty(key)) {
+            if (obj2[key] instanceof Object && obj1[key] instanceof Object) {
+                result[key] = deepMergeWithSpread(obj1[key], obj2[key]);
+            }
+            else {
+                result[key] = obj2[key];
+            }
+        }
+    }
+    return result;
+};
+/**
+ * Given an array of facet paths, removes parent facet paths so that only the
+ * Leaf facets are sent with the search request.
+ */
+function removeSubstringMatches(arr) {
+    return arr.filter((entry, index, array) => !array.some((otherEntry, otherIndex) => otherIndex !== index && otherEntry.includes(entry)));
+}
+/**
+ * Merges a current facet tree with an incoming facet tree.
+ *
+ * At each branch, the incoming facet tree's facets override current facet tree
+ *
+ * @param currentTree
+ * @param incomingTree
+ */
+const mergeFacetTrees = (currentTree, incomingTree) => {
+    const mergedTree = structuredClone(currentTree);
+    const merge = (currentBranch, nodePath) => {
+        const mergedBranch = structuredClone(currentBranch);
+        const incomingBranch = getNodeAtPath(incomingTree, nodePath);
+        if (!incomingBranch) {
+            return mergedBranch;
+        }
+        for (const nodeName of Object.keys(currentBranch.children)) {
+            if (incomingBranch.children[nodeName]) {
+                mergedBranch.children[nodeName] = {
+                    ...deepMergeWithSpread(currentBranch.children[nodeName], incomingBranch.children[nodeName]),
+                    count: mergedBranch.children[nodeName]?.count || 0,
+                };
+            }
+            else if (mergedBranch.children[nodeName]) {
+                mergedBranch.children[nodeName] = merge(mergedBranch.children[nodeName], [...nodePath, nodeName]);
+            }
+        }
+        return mergedBranch;
+    };
+    return merge(mergedTree, []);
+};
+/**
+ * A function that converts a FacetWithChidrenArray to a complete FacetTree object.
+ *
+ * It uses the `path` of each Facet to build the tree.
+ *
+ * @param facetWithChildArray
+ */
+const facetWithChildrenArrayToCompleteFacetTree = (rootArray) => {
+    // 1) Start with an empty tree at root "/"
+    const tree = {
+        path: '/',
+        count: 0,
+        children: {},
+    };
+    // 2) Recursively collect all nodes except the implicit "/" itself
+    const allFacets = [];
+    const collect = (node) => {
+        if (node.path !== '/') {
+            allFacets.push({ path: node.path, count: node.count });
+        }
+        if (node.children) {
+            for (const child of node.children) {
+                collect(child);
+            }
+        }
+    };
+    collect(rootArray);
+    // 3) Insert each flat node into our tree, creating missing ancestors
+    for (const { path, count } of allFacets) {
+        const segments = path.split('/').filter(Boolean); // "/sports/outdoors" -> ["sports","outdoors"]
+        let cursor = tree; // start at the root
+        for (const segment of segments) {
+            // Build the full path of this level
+            const prefixPath = cursor.path === '/' ? `/${segment}` : `${cursor.path}/${segment}`;
+            // If this segment doesn't exist yet, create it
+            if (!cursor.children[segment]) {
+                cursor.children[segment] = {
+                    path: prefixPath,
+                    count: count,
+                    children: {},
+                };
+            }
+            // Descend to the next level deeper
+            cursor = cursor.children[segment];
+        }
+        // 4) now `cursor` is the node matching `path` — assign its real count
+        cursor.count = count;
+    }
+    return tree;
+};
+
+const SearchcraftFacetList = /*@__PURE__*/ proxyCustomElement(class SearchcraftFacetList extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.facetSelectionUpdated = createEvent(this, "facetSelectionUpdated", 7);
+    }
+    /**
+     * The name of the field where facets are applied.
+     */
+    fieldName = '';
+    /**
+     * Emitted when the facets are updated.
+     */
+    facetSelectionUpdated;
+    /**
+     * A Tree Representing all of the facets we know about to be rendered.
+     */
+    facetTree = {
+        path: '/',
+        count: 0,
+        children: {},
+    };
+    /**
+     * The currently selected facet paths.
+     */
+    selectedPaths = {};
+    // Internal vars used to track when to perform various facet actions.
+    lastTimeTaken;
+    lastSearchTerm;
+    lastSearchMode;
+    lastSortType;
+    lastRangeValues;
+    lastFacetValues;
+    unsubscribe;
+    handleIncomingSearchResponse(state, actionType) {
+        // Look at the incoming facet root from the search response, and convert it to a FacetTree
+        const incomingFacetRoot = state.searchResponseFacetPrime?.find((facet) => this.fieldName === Object.keys(facet)[0]);
+        const incomingFacetsWithChildrenArray = incomingFacetRoot?.[this.fieldName];
+        const incomingFacetTree = facetWithChildrenArrayToCompleteFacetTree({
+            path: '/',
+            count: 0,
+            children: incomingFacetsWithChildrenArray || [],
+        });
+        // Determine what action to take (merge with existing FacetTree vs overwrite FacetTree)
+        switch (actionType) {
+            case 'SEARCH_TERM_EMPTY':
+                this.facetTree = {
+                    path: '/',
+                    count: 0,
+                    children: {},
+                };
+                break;
+            case 'NEW_SEARCH_TERM':
+                this.facetTree = incomingFacetTree;
+                break;
+            case 'EXACT_MATCH_UPDATE':
+            case 'RANGE_VALUE_UPDATE': {
+                if (state.supplementalFacetPrime) {
+                    const supplementalFacetRoot = state.supplementalFacetPrime?.find((facet) => this.fieldName === Object.keys(facet)[0]);
+                    const supplementalFacetsWithChildrenArray = supplementalFacetRoot?.[this.fieldName];
+                    const supplementalFacetTree = facetWithChildrenArrayToCompleteFacetTree({
+                        path: '/',
+                        count: 0,
+                        children: supplementalFacetsWithChildrenArray || [],
+                    });
+                    this.facetTree = mergeFacetTrees(supplementalFacetTree, incomingFacetTree);
+                }
+                else {
+                    this.facetTree = incomingFacetTree;
+                }
+                break;
+            }
+            case 'FACET_UPDATE':
+            case 'SORT_ORDER_UPDATE':
+                this.facetTree = mergeFacetTrees(this.facetTree, incomingFacetTree);
+                break;
+            default:
+                this.facetTree = mergeFacetTrees(this.facetTree, incomingFacetTree);
+        }
+    }
+    handleStateUpdate(state) {
+        // Determine what action to take based on the current State
+        if (this.lastSearchTerm !== state.searchTerm &&
+            state.searchTerm.trim() === '') {
+            this.handleIncomingSearchResponse(state, 'SEARCH_TERM_EMPTY');
+        }
+        else if (this.lastTimeTaken !== state.searchResponseTimeTaken) {
+            let actionType = 'UNKNOWN';
+            if (this.lastSearchTerm !== state.searchTerm) {
+                actionType = 'NEW_SEARCH_TERM';
+            }
+            else if (this.lastRangeValues !== JSON.stringify(state.rangeValueForIndexFields)) {
+                actionType = 'RANGE_VALUE_UPDATE';
+            }
+            else if (this.lastFacetValues !== JSON.stringify(state.facetPathsForIndexFields)) {
+                actionType = 'FACET_UPDATE';
+            }
+            else if (this.lastSortType !== state.sortType) {
+                actionType = 'SORT_ORDER_UPDATE';
+            }
+            else if (this.lastSearchMode !== state.searchMode) {
+                actionType = 'EXACT_MATCH_UPDATE';
+            }
+            // Handle the incoming response, using the action we have determined.
+            this.handleIncomingSearchResponse(state, actionType);
+            this.lastSearchTerm = state.searchTerm;
+            this.lastRangeValues = JSON.stringify(state.rangeValueForIndexFields);
+            this.lastFacetValues = JSON.stringify(state.facetPathsForIndexFields);
+            this.lastSortType = state.sortType;
+            this.lastSearchMode = state.searchMode;
+        }
+        this.lastTimeTaken = state.searchResponseTimeTaken;
+    }
+    connectedCallback() {
+        this.handleStateUpdate(searchcraftStore.getState());
+        this.unsubscribe = searchcraftStore.subscribe((state) => {
+            this.handleStateUpdate(state);
+        });
+    }
+    disconnectedCallback() {
+        this.unsubscribe?.();
+    }
+    handleCheckboxChange(path) {
+        const isCheckboxChecked = !this.selectedPaths[path];
+        if (isCheckboxChecked) {
+            /**
+             * Checkbox Checked: Add to the selectedPaths record
+             * Uses spread operator here so UI updates.
+             */
+            this.selectedPaths = {
+                ...this.selectedPaths,
+                [path]: true,
+            };
+        }
+        else {
+            /**
+             * Checkbox Uncheck: Remove any paths and sub-paths
+             */
+            const updatedPaths = Object.keys(this.selectedPaths).filter((testPath) => !testPath.includes(path));
+            this.selectedPaths = updatedPaths.reduce((acc, str) => {
+                acc[str] = true;
+                return acc;
+            }, {});
+        }
+        /**
+         * Emit the paths array, with parent paths removed.
+         */
+        const paths = Object.keys(this.selectedPaths).filter((path) => this.selectedPaths[path]);
+        const pathsWithParentPathsRemoved = removeSubstringMatches(paths);
+        this.facetSelectionUpdated?.emit({ paths: pathsWithParentPathsRemoved });
+    }
+    formatFacetName = (name) => {
+        const label = name.replace(/^\//, '');
+        return `${label.replace(/-/g, ' ').replace(/\b\w/g, (char) => char.toUpperCase())}`;
+    };
+    renderFacet(keyName, facet) {
+        let isChildSelected = false;
+        for (const path of Object.keys(this.selectedPaths)) {
+            if (this.selectedPaths[path] &&
+                path.startsWith(facet.path) &&
+                path.length > facet.path.length) {
+                isChildSelected = true;
+            }
+        }
+        const isSelected = Object.keys(this.selectedPaths).includes(facet.path);
+        const shouldRenderChildren = (Object.keys(facet.children).length > 0 &&
+            (isSelected || isChildSelected)) ||
+            keyName === '@@root';
+        return (h("div", { class: 'searchcraft-facet-list-item' }, keyName !== '@@root' && (h("label", { class: 'searchcraft-facet-list-checkbox-label' }, h("div", { class: 'searchcraft-facet-list-checkbox-input-wrapper' }, h("input", { class: 'searchcraft-facet-list-checkbox-input', checked: this.selectedPaths[facet.path], onChange: (_event) => {
+                this.handleCheckboxChange(facet.path);
+            }, type: 'checkbox' }), isChildSelected ? (h("div", { class: 'searchcraft-facet-list-checkbox-input-dash-icon' }, h("svg", { viewBox: '0 0 14 3', fill: 'none' }, h("title", null, "Checkbox dash"), h("line", { x1: '1.5', y1: '1.5', x2: '12.5', y2: '1.5', stroke: 'white', "stroke-width": '3', "stroke-linecap": 'round' })))) : (h("div", { class: 'searchcraft-facet-list-checkbox-input-check-icon' }, h("svg", { width: '16', height: '16', viewBox: '0 0 16 16', fill: 'none' }, h("title", null, "Checkbox check"), h("path", { d: 'M13.9999 2L5.74988 10L1.99988 6.36364', stroke: 'white', "stroke-width": '3', "stroke-linecap": 'round', "stroke-linejoin": 'round' }))))), h("span", null, this.formatFacetName(keyName), " (", facet.count, ")"))), shouldRenderChildren && (h("div", { class: 'searchcraft-facet-list', style: {
+                paddingLeft: keyName !== '@@root' ? '24px' : '0px',
+                paddingTop: keyName !== '@@root' ? '6px' : '0px',
+            } }, Object.keys(facet.children).map((key) => {
+            if (facet.children[key]) {
+                return this.renderFacet(key, facet.children[key]);
+            }
+        })))));
+    }
+    render() {
+        if (!this.fieldName) {
+            return;
+        }
+        if (Object.keys(this.facetTree.children).length === 0 &&
+            (this.lastSearchTerm || '').trim().length === 0) {
+            return;
+        }
+        if (Object.keys(this.facetTree.children).length === 0 &&
+            (this.lastSearchTerm || '').trim().length > 0) {
+            return (h("p", { class: 'searchcraft-facet-list-message' }, "No facets are available for this search query."));
+        }
+        return (h("div", { class: 'searchcraft-facet-list' }, this.renderFacet('@@root', this.facetTree)));
+    }
+}, [0, "searchcraft-facet-list", {
+        "fieldName": [1, "field-name"],
+        "facetTree": [32],
+        "selectedPaths": [32]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["searchcraft-facet-list"];
+    components.forEach(tagName => { switch (tagName) {
+        case "searchcraft-facet-list":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SearchcraftFacetList);
+            }
+            break;
+    } });
+}
+
+export { SearchcraftFacetList as S, defineCustomElement as d };
+
+//# sourceMappingURL=p-bb700499.js.map

package/dist/components/p-bb700499.js.map

@@ -0,0 +1 @@
+{"file":"p-bb700499.js","mappings":"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","names":[],"sources":["src/utils/facets.ts","src/components/searchcraft-facet-list/searchcraft-facet-list.tsx"],"sourcesContent":["import type {\n  Facet,\n  FacetTree,\n  FacetWithChildrenArray,\n  FacetWithChildrenObject,\n} from '@searchcraft/core';\n\n/**\n * Helper function for getting a Node (FacetWithChildrenObject)\n * at a given path. Traverses the node tree to get the node.\n */\nconst getNodeAtPath = (\n  tree: FacetTree,\n  nodePaths: string[],\n): FacetWithChildrenObject | undefined => {\n  let cursor: FacetWithChildrenObject | undefined = tree;\n  for (const nodePath of nodePaths) {\n    cursor = cursor?.children[nodePath];\n  }\n\n  return cursor;\n};\n\n/**\n * Helper function to perform a deep merge.\n * Used for merging two branches of a facet tree together.\n */\nconst deepMergeWithSpread = (obj1, obj2) => {\n  const result = { ...obj1 };\n\n  for (const key in obj2) {\n    // biome-ignore lint/suspicious/noPrototypeBuiltins: <explanation>\n    if (obj2.hasOwnProperty(key)) {\n      if (obj2[key] instanceof Object && obj1[key] instanceof Object) {\n        result[key] = deepMergeWithSpread(obj1[key], obj2[key]);\n      } else {\n        result[key] = obj2[key];\n      }\n    }\n  }\n\n  return result;\n};\n\n/**\n * Given an array of facet paths, removes parent facet paths so that only the\n * Leaf facets are sent with the search request.\n */\nexport function removeSubstringMatches(arr: string[]): string[] {\n  return arr.filter(\n    (entry, index, array) =>\n      !array.some(\n        (otherEntry, otherIndex) =>\n          otherIndex !== index && otherEntry.includes(entry),\n      ),\n  );\n}\n\n/**\n * Merges a current facet tree with an incoming facet tree.\n *\n * At each branch, the incoming facet tree's facets override current facet tree\n *\n * @param currentTree\n * @param incomingTree\n */\nexport const mergeFacetTrees = (\n  currentTree: FacetTree,\n  incomingTree: FacetTree,\n): FacetTree => {\n  const mergedTree: FacetTree = structuredClone(currentTree);\n\n  const merge = (\n    currentBranch: FacetWithChildrenObject,\n    nodePath: string[],\n  ): FacetWithChildrenObject => {\n    const mergedBranch = structuredClone(currentBranch);\n    const incomingBranch = getNodeAtPath(incomingTree, nodePath);\n\n    if (!incomingBranch) {\n      return mergedBranch;\n    }\n\n    for (const nodeName of Object.keys(currentBranch.children)) {\n      if (incomingBranch.children[nodeName]) {\n        mergedBranch.children[nodeName] = {\n          ...deepMergeWithSpread(\n            currentBranch.children[nodeName],\n            incomingBranch.children[nodeName],\n          ),\n          count: mergedBranch.children[nodeName]?.count || 0,\n        };\n      } else if (mergedBranch.children[nodeName]) {\n        mergedBranch.children[nodeName] = merge(\n          mergedBranch.children[nodeName],\n          [...nodePath, nodeName],\n        );\n      }\n    }\n\n    return mergedBranch;\n  };\n\n  return merge(mergedTree, []);\n};\n\n/**\n * A function that converts a FacetWithChidrenArray to a complete FacetTree object.\n *\n * It uses the `path` of each Facet to build the tree.\n *\n * @param facetWithChildArray\n */\nexport const facetWithChildrenArrayToCompleteFacetTree = (\n  rootArray: FacetWithChildrenArray,\n): FacetTree => {\n  // 1) Start with an empty tree at root \"/\"\n  const tree: FacetTree = {\n    path: '/',\n    count: 0,\n    children: {},\n  };\n\n  // 2) Recursively collect all nodes except the implicit \"/\" itself\n  const allFacets: Facet[] = [];\n  const collect = (node: FacetWithChildrenArray) => {\n    if (node.path !== '/') {\n      allFacets.push({ path: node.path, count: node.count });\n    }\n    if (node.children) {\n      for (const child of node.children) {\n        collect(child);\n      }\n    }\n  };\n  collect(rootArray);\n\n  // 3) Insert each flat node into our tree, creating missing ancestors\n  for (const { path, count } of allFacets) {\n    const segments = path.split('/').filter(Boolean); // \"/sports/outdoors\" -> [\"sports\",\"outdoors\"]\n    let cursor: FacetWithChildrenObject = tree; // start at the root\n    for (const segment of segments) {\n      // Build the full path of this level\n      const prefixPath =\n        cursor.path === '/' ? `/${segment}` : `${cursor.path}/${segment}`;\n\n      // If this segment doesn't exist yet, create it\n      if (!cursor.children[segment]) {\n        cursor.children[segment] = {\n          path: prefixPath,\n          count: count,\n          children: {},\n        };\n      }\n\n      // Descend to the next level deeper\n      cursor = cursor.children[segment];\n    }\n\n    // 4) now `cursor` is the node matching `path` — assign its real count\n    cursor.count = count;\n  }\n\n  return tree;\n};\n","import {\n  Component,\n  h,\n  State,\n  Prop,\n  Event,\n  type EventEmitter,\n} from '@stencil/core';\n\nimport type { FacetRoot, FacetWithChildrenObject } from '@searchcraft/core';\n\nimport { searchcraftStore, type SearchcraftState } from '@store';\nimport {\n  facetWithChildrenArrayToCompleteFacetTree,\n  mergeFacetTrees,\n  removeSubstringMatches,\n} from '@utils';\n\ntype HandlerActionType =\n  | 'SEARCH_TERM_EMPTY'\n  | 'NEW_SEARCH_TERM'\n  | 'RANGE_VALUE_UPDATE'\n  | 'EXACT_MATCH_UPDATE'\n  | 'SORT_ORDER_UPDATE'\n  | 'FACET_UPDATE'\n  | 'UNKNOWN';\n\n/**\n * This web component is designed to display facets in a search interface, allowing users to refine their search results by applying filters based on various attributes.\n * It is consumed within the `searchcraft-filter-panel`.\n *\n * @js-example\n * ```html\n * <!-- index.html -->\n * <searchcraft-facet-list field-name=\"title\" />\n * ```\n *\n * ```js\n * // index.js\n * const facetList = document.querySelector('searchcraft-facet-list');\n *\n * facetList.addEventListener('facetSelectionUpdated', () => {\n *   console.log('Facet selection updated');\n * });\n * ```\n *\n * @internal\n */\n@Component({\n  tag: 'searchcraft-facet-list',\n  shadow: false,\n})\nexport class SearchcraftFacetList {\n  /**\n   * The name of the field where facets are applied.\n   */\n  @Prop() fieldName = '';\n\n  /**\n   * Emitted when the facets are updated.\n   */\n  @Event() facetSelectionUpdated?: EventEmitter<{ paths: string[] }>;\n\n  /**\n   * A Tree Representing all of the facets we know about to be rendered.\n   */\n  @State() facetTree: FacetWithChildrenObject = {\n    path: '/',\n    count: 0,\n    children: {},\n  };\n\n  /**\n   * The currently selected facet paths.\n   */\n  @State() selectedPaths: Record<string, boolean> = {};\n\n  // Internal vars used to track when to perform various facet actions.\n  private lastTimeTaken?: number;\n  private lastSearchTerm?: string;\n  private lastSearchMode?: string;\n  private lastSortType?: string | null;\n  private lastRangeValues?: string;\n  private lastFacetValues?: string;\n\n  private unsubscribe?: () => void;\n\n  handleIncomingSearchResponse(\n    state: SearchcraftState,\n    actionType: HandlerActionType,\n  ) {\n    // Look at the incoming facet root from the search response, and convert it to a FacetTree\n    const incomingFacetRoot: FacetRoot | undefined =\n      state.searchResponseFacetPrime?.find(\n        (facet) => this.fieldName === Object.keys(facet)[0],\n      );\n    const incomingFacetsWithChildrenArray = incomingFacetRoot?.[this.fieldName];\n    const incomingFacetTree = facetWithChildrenArrayToCompleteFacetTree({\n      path: '/',\n      count: 0,\n      children: incomingFacetsWithChildrenArray || [],\n    });\n\n    // Determine what action to take (merge with existing FacetTree vs overwrite FacetTree)\n    switch (actionType) {\n      case 'SEARCH_TERM_EMPTY':\n        this.facetTree = {\n          path: '/',\n          count: 0,\n          children: {},\n        };\n        break;\n      case 'NEW_SEARCH_TERM':\n        this.facetTree = incomingFacetTree;\n        break;\n      case 'EXACT_MATCH_UPDATE':\n      case 'RANGE_VALUE_UPDATE': {\n        if (state.supplementalFacetPrime) {\n          const supplementalFacetRoot: FacetRoot | undefined =\n            state.supplementalFacetPrime?.find(\n              (facet) => this.fieldName === Object.keys(facet)[0],\n            );\n          const supplementalFacetsWithChildrenArray =\n            supplementalFacetRoot?.[this.fieldName];\n          const supplementalFacetTree =\n            facetWithChildrenArrayToCompleteFacetTree({\n              path: '/',\n              count: 0,\n              children: supplementalFacetsWithChildrenArray || [],\n            });\n\n          this.facetTree = mergeFacetTrees(\n            supplementalFacetTree,\n            incomingFacetTree,\n          );\n        } else {\n          this.facetTree = incomingFacetTree;\n        }\n\n        break;\n      }\n      case 'FACET_UPDATE':\n      case 'SORT_ORDER_UPDATE':\n        this.facetTree = mergeFacetTrees(this.facetTree, incomingFacetTree);\n        break;\n      default:\n        this.facetTree = mergeFacetTrees(this.facetTree, incomingFacetTree);\n    }\n  }\n\n  handleStateUpdate(state: SearchcraftState) {\n    // Determine what action to take based on the current State\n    if (\n      this.lastSearchTerm !== state.searchTerm &&\n      state.searchTerm.trim() === ''\n    ) {\n      this.handleIncomingSearchResponse(state, 'SEARCH_TERM_EMPTY');\n    } else if (this.lastTimeTaken !== state.searchResponseTimeTaken) {\n      let actionType: HandlerActionType = 'UNKNOWN';\n\n      if (this.lastSearchTerm !== state.searchTerm) {\n        actionType = 'NEW_SEARCH_TERM';\n      } else if (\n        this.lastRangeValues !== JSON.stringify(state.rangeValueForIndexFields)\n      ) {\n        actionType = 'RANGE_VALUE_UPDATE';\n      } else if (\n        this.lastFacetValues !== JSON.stringify(state.facetPathsForIndexFields)\n      ) {\n        actionType = 'FACET_UPDATE';\n      } else if (this.lastSortType !== state.sortType) {\n        actionType = 'SORT_ORDER_UPDATE';\n      } else if (this.lastSearchMode !== state.searchMode) {\n        actionType = 'EXACT_MATCH_UPDATE';\n      }\n\n      // Handle the incoming response, using the action we have determined.\n      this.handleIncomingSearchResponse(state, actionType);\n      this.lastSearchTerm = state.searchTerm;\n      this.lastRangeValues = JSON.stringify(state.rangeValueForIndexFields);\n      this.lastFacetValues = JSON.stringify(state.facetPathsForIndexFields);\n      this.lastSortType = state.sortType;\n      this.lastSearchMode = state.searchMode;\n    }\n\n    this.lastTimeTaken = state.searchResponseTimeTaken;\n  }\n\n  connectedCallback() {\n    this.handleStateUpdate(searchcraftStore.getState());\n\n    this.unsubscribe = searchcraftStore.subscribe((state) => {\n      this.handleStateUpdate(state);\n    });\n  }\n\n  disconnectedCallback() {\n    this.unsubscribe?.();\n  }\n\n  handleCheckboxChange(path: string) {\n    const isCheckboxChecked = !this.selectedPaths[path];\n\n    if (isCheckboxChecked) {\n      /**\n       * Checkbox Checked: Add to the selectedPaths record\n       * Uses spread operator here so UI updates.\n       */\n      this.selectedPaths = {\n        ...this.selectedPaths,\n        [path]: true,\n      };\n    } else {\n      /**\n       * Checkbox Uncheck: Remove any paths and sub-paths\n       */\n      const updatedPaths = Object.keys(this.selectedPaths).filter(\n        (testPath) => !testPath.includes(path),\n      );\n\n      this.selectedPaths = updatedPaths.reduce(\n        (acc, str) => {\n          acc[str] = true;\n          return acc;\n        },\n        {} as Record<string, boolean>,\n      );\n    }\n\n    /**\n     * Emit the paths array, with parent paths removed.\n     */\n    const paths = Object.keys(this.selectedPaths).filter(\n      (path) => this.selectedPaths[path],\n    );\n    const pathsWithParentPathsRemoved = removeSubstringMatches(paths);\n\n    this.facetSelectionUpdated?.emit({ paths: pathsWithParentPathsRemoved });\n  }\n\n  formatFacetName = (name: string): string => {\n    const label = name.replace(/^\\//, '');\n    return `${label.replace(/-/g, ' ').replace(/\\b\\w/g, (char) => char.toUpperCase())}`;\n  };\n\n  renderFacet(keyName: string, facet: FacetWithChildrenObject) {\n    let isChildSelected = false;\n    for (const path of Object.keys(this.selectedPaths)) {\n      if (\n        this.selectedPaths[path] &&\n        path.startsWith(facet.path) &&\n        path.length > facet.path.length\n      ) {\n        isChildSelected = true;\n      }\n    }\n\n    const isSelected = Object.keys(this.selectedPaths).includes(facet.path);\n\n    const shouldRenderChildren =\n      (Object.keys(facet.children).length > 0 &&\n        (isSelected || isChildSelected)) ||\n      keyName === '@@root';\n\n    return (\n      <div class='searchcraft-facet-list-item'>\n        {keyName !== '@@root' && (\n          <label class='searchcraft-facet-list-checkbox-label'>\n            <div class='searchcraft-facet-list-checkbox-input-wrapper'>\n              <input\n                class='searchcraft-facet-list-checkbox-input'\n                checked={this.selectedPaths[facet.path]}\n                onChange={(_event: Event) => {\n                  this.handleCheckboxChange(facet.path);\n                }}\n                type='checkbox'\n              />\n              {isChildSelected ? (\n                <div class='searchcraft-facet-list-checkbox-input-dash-icon'>\n                  <svg viewBox='0 0 14 3' fill='none'>\n                    <title>Checkbox dash</title>\n                    <line\n                      x1='1.5'\n                      y1='1.5'\n                      x2='12.5'\n                      y2='1.5'\n                      stroke='white'\n                      stroke-width='3'\n                      stroke-linecap='round'\n                    />\n                  </svg>\n                </div>\n              ) : (\n                <div class='searchcraft-facet-list-checkbox-input-check-icon'>\n                  <svg width='16' height='16' viewBox='0 0 16 16' fill='none'>\n                    <title>Checkbox check</title>\n                    <path\n                      d='M13.9999 2L5.74988 10L1.99988 6.36364'\n                      stroke='white'\n                      stroke-width='3'\n                      stroke-linecap='round'\n                      stroke-linejoin='round'\n                    />\n                  </svg>\n                </div>\n              )}\n            </div>\n            <span>\n              {this.formatFacetName(keyName)} ({facet.count})\n            </span>\n          </label>\n        )}\n        {shouldRenderChildren && (\n          <div\n            class='searchcraft-facet-list'\n            style={{\n              paddingLeft: keyName !== '@@root' ? '24px' : '0px',\n              paddingTop: keyName !== '@@root' ? '6px' : '0px',\n            }}\n          >\n            {Object.keys(facet.children).map((key) => {\n              if (facet.children[key]) {\n                return this.renderFacet(key, facet.children[key]);\n              }\n            })}\n          </div>\n        )}\n      </div>\n    );\n  }\n\n  render() {\n    if (!this.fieldName) {\n      return;\n    }\n\n    if (\n      Object.keys(this.facetTree.children).length === 0 &&\n      (this.lastSearchTerm || '').trim().length === 0\n    ) {\n      return;\n    }\n\n    if (\n      Object.keys(this.facetTree.children).length === 0 &&\n      (this.lastSearchTerm || '').trim().length > 0\n    ) {\n      return (\n        <p class='searchcraft-facet-list-message'>\n          No facets are available for this search query.\n        </p>\n      );\n    }\n\n    return (\n      <div class='searchcraft-facet-list'>\n        {this.renderFacet('@@root', this.facetTree)}\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-6065aee1.js → p-bfad84c6.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-5365011f.js';
 import { c as classNames } from './p-5cdc6210.js';
-import { s as searchcraftStore } from './p-60fd824d.js';
+import { s as searchcraftStore } from './p-7c10ca44.js';
 import { d as defineCustomElement$3 } from './p-acf23bab.js';
 import { d as defineCustomElement$2 } from './p-f2585cdf.js';
 import { d as defineCustomElement$1 } from './p-1adf78b9.js';
@@ -33,6 +33,12 @@ const SearchcraftInputForm = /*@__PURE__*/ proxyCustomElement(class SearchcraftI
      * The input element's placeholder value.
      */
     placeholderValue = 'Enter Search';
+    /**
+     * The placeholder's render behavior.
+     * 'hide-on-focus' - Hide the placeholder text immediately when the input form gains focus.
+     * 'hide-on-text-entered' - Only hide the placeholder when the input form has text entered into it.
+     */
+    placeholderBehavior;
     /**
      * When the input becomes focused.
      */
@@ -119,9 +125,11 @@ const SearchcraftInputForm = /*@__PURE__*/ proxyCustomElement(class SearchcraftI
         const inputGridStyles = {
             gap: shouldHaveVerticalGap ? '4px 8px' : '0px 8px',
         };
-        return (h("form", { key: '6af89b2ab634e0f3e0ef575f98f33d091602f95a', class: 'searchcraft-input-form', onSubmit: this.handleFormSubmit }, h("div", { key: '93fea8e2b80468afeb6014122d5b749d74bfaf35', class: inputGridClassNames, style: inputGridStyles }, h("div", { key: '1e5a416843b99aec68c4672a9c78f607347dc9d1', class: 'searchcraft-input-form-button' }, h("searchcraft-button", { key: 'c38c1df0ce20f914ed76fbc0acad5a22b40e6fff', onButtonClick: this.handleFormSubmit, label: this.buttonLabel })), this.inputLabel && (h("div", { key: '2169a4466b0fdc8075c0dc74da442aef28a84d65', class: 'searchcraft-input-form-label' }, h("searchcraft-input-label", { key: 'a263b5aa2a4d50d297f06c1fe9e6afb64763f097', label: this.inputLabel }))), this.error && (h("div", { key: '49be2ac0f2d01916e5ea533e6406ee9d4d932178', class: 'searchcraft-input-form-error-message' }, h("searchcraft-error-message", { key: '310c9aebcf580d4abe92d288c6b70a5adf083f8e' }, "Something went wrong."))), h("div", { key: 'f4702e368815e049586e97cf59541b2dc5460fc0', class: 'searchcraft-input-form-input-wrapper' }, h("input", { key: 'a8cddd5e937eee1d30fb98eaaa3dbffe96c192ce', autoComplete: 'off', class: 'searchcraft-input-form-input', onFocus: () => this.inputFocus?.emit(), onBlur: () => this.inputBlur?.emit(), onInput: (event) => {
+        return (h("form", { key: '7f3fe524949a5940d2852ef8fe510ab0c0b910f1', class: 'searchcraft-input-form', onSubmit: this.handleFormSubmit }, h("div", { key: '12a137ff4ecaab2a047cb787c878ddf0ed973d3f', class: inputGridClassNames, style: inputGridStyles }, h("div", { key: '12c7dadcc6fa22467a5165c10e12a0e343ea2ed3', class: 'searchcraft-input-form-button' }, h("searchcraft-button", { key: '477fe1299556e5c5bc6b902de65c71f11aad97ac', onButtonClick: this.handleFormSubmit, label: this.buttonLabel })), this.inputLabel && (h("div", { key: 'cf04132b3a95943fe8371f64778130c3f8bbc379', class: 'searchcraft-input-form-label' }, h("searchcraft-input-label", { key: 'b840d1b65c1fc11879cf25bcc88022eafa583109', label: this.inputLabel }))), this.error && (h("div", { key: 'ed9a441bfd57cab076f8218e1f7d4baecf5e9ce2', class: 'searchcraft-input-form-error-message' }, h("searchcraft-error-message", { key: '9624592768ab3cc0c683f5636b83022349af66cd' }, "Something went wrong."))), h("div", { key: '99f06b4c38b4cc26f534a3f3be6a7c23b5946c62', class: 'searchcraft-input-form-input-wrapper' }, h("input", { key: '90fe4eca0771ca15378685861ae0bd700110ac15', autoComplete: 'off', class: classNames('searchcraft-input-form-input', {
+                'searchcraft-placeholder-hide-on-focus': this.placeholderBehavior === 'hide-on-focus',
+            }), onFocus: () => this.inputFocus?.emit(), onBlur: () => this.inputBlur?.emit(), onInput: (event) => {
                 this.handleInput(event);
-            }, placeholder: this.placeholderValue, type: 'text', value: this.inputValue }), h("div", { key: '616b4dde1ba016cf6a2fba8594a99a3a3f584ef5', class: 'searchcraft-input-form-input-icon' }, h("svg", { key: 'daaef561677a06a76813375e429be7e053b8b122', class: 'searchcraft-input-form-input-search-icon', viewBox: '0 0 20 20', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', "aria-labelledby": 'searchcraft-title' }, h("title", { key: 'e6d82ca64dd9bfc663813c239d11e5652aa0b9a1' }, "Search icon"), h("path", { key: '1df856c98c2063c1d0c80027255935f73b513939', d: 'M17.5 17.5L13.875 13.875M15.8333 9.16667C15.8333 12.8486 12.8486 15.8333 9.16667 15.8333C5.48477 15.8333 2.5 12.8486 2.5 9.16667C2.5 5.48477 5.48477 2.5 9.16667 2.5C12.8486 2.5 15.8333 5.48477 15.8333 9.16667Z', stroke: 'currentColor', "stroke-width": '1.5', "stroke-linecap": 'round', "stroke-linejoin": 'round' }))), isShowingClearButton && (h("button", { key: '8dd6dfefe0ba909657bd436b559ce35b5004f9ae', type: 'button', class: 'searchcraft-input-form-clear-button', onClick: this.handleClearInput }, h("svg", { key: 'bcdba04d5c0949cacc8e1962d2b3cd40ad995de6', class: 'searchcraft-input-form-clear-icon', viewBox: '0 0 22 22', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', "aria-labelledby": 'icon-title' }, h("title", { key: 'e01e7fb9b23daf9434520c4c68c0d7539b37d1f8' }, "Clear icon"), h("path", { key: 'ce526d332b6e352cd9cf6008ee2f7497c6769782', d: 'M14 8L8 14M8 8L14 14M21 11C21 16.5228 16.5228 21 11 21C5.47715 21 1 16.5228 1 11C1 5.47715 5.47715 1 11 1C16.5228 1 21 5.47715 21 11Z', stroke: 'currentColor', "stroke-width": '1.5', "stroke-linecap": 'round', "stroke-linejoin": 'round' }))))))));
+            }, placeholder: this.placeholderValue, type: 'text', value: this.inputValue }), h("div", { key: '81a377845c20ba1ea8ed2ff73469026c7b2dc16a', class: 'searchcraft-input-form-input-icon' }, h("svg", { key: '06e127c9878b65c17a72ae75841c9b5a1eec6197', class: 'searchcraft-input-form-input-search-icon', viewBox: '0 0 20 20', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', "aria-labelledby": 'searchcraft-title' }, h("title", { key: '37ebce26440a6e3fcdad1b342412b0aaec5e690c' }, "Search icon"), h("path", { key: '3c5bcab0759d52e05a5f07ef27396461cf3b626c', d: 'M17.5 17.5L13.875 13.875M15.8333 9.16667C15.8333 12.8486 12.8486 15.8333 9.16667 15.8333C5.48477 15.8333 2.5 12.8486 2.5 9.16667C2.5 5.48477 5.48477 2.5 9.16667 2.5C12.8486 2.5 15.8333 5.48477 15.8333 9.16667Z', stroke: 'currentColor', "stroke-width": '1.5', "stroke-linecap": 'round', "stroke-linejoin": 'round' }))), isShowingClearButton && (h("button", { key: 'bbca17429ef3de340d7ee064e71c3858abc1022a', type: 'button', class: 'searchcraft-input-form-clear-button', onClick: this.handleClearInput }, h("svg", { key: '94eee54f0735020bf77f56607bb870888d5a23e9', class: 'searchcraft-input-form-clear-icon', viewBox: '0 0 22 22', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', "aria-labelledby": 'icon-title' }, h("title", { key: '5f7e9beb4f2c4c394f19cc2c312be59de166a0c8' }, "Clear icon"), h("path", { key: '138c29ea054bd535d0a8b5cb708bbea31d21c40a', d: 'M14 8L8 14M8 8L14 14M21 11C21 16.5228 16.5228 21 11 21C5.47715 21 1 16.5228 1 11C1 5.47715 5.47715 1 11 1C16.5228 1 21 5.47715 21 11Z', stroke: 'currentColor', "stroke-width": '1.5', "stroke-linecap": 'round', "stroke-linejoin": 'round' }))))))));
     }
     static get watchers() { return {
         "core": ["onCoreChange"]
@@ -132,6 +140,7 @@ const SearchcraftInputForm = /*@__PURE__*/ proxyCustomElement(class SearchcraftI
         "buttonLabel": [1, "button-label"],
         "inputLabel": [1, "input-label"],
         "placeholderValue": [1, "placeholder-value"],
+        "placeholderBehavior": [1, "placeholder-behavior"],
         "core": [16],
         "inputValue": [32],
         "searchTerm": [32],
@@ -170,4 +179,4 @@ function defineCustomElement() {
 
 export { SearchcraftInputForm as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-6065aee1.js.map
+//# sourceMappingURL=p-bfad84c6.js.map

package/dist/components/p-bfad84c6.js.map

@@ -0,0 +1 @@
+{"file":"p-bfad84c6.js","mappings":";;;;;;;MAgDa,oBAAoB;;;;;;;;;;;IAIvB,UAAU,GAAa,IAAI,CAAC;;;;IAI5B,eAAe,GAA+B,MAAM,CAAC;;;;IAIrD,WAAW,CAAU;;;;IAIrB,UAAU,CAAU;;;;IAIpB,gBAAgB,GAAY,cAAc,CAAC;;;;;;IAM3C,mBAAmB,CAA4C;;;;IAI9D,UAAU,CAAsB;;;;IAIhC,SAAS,CAAsB;;;;IAI/B,SAAS,CAAsB;IAE/B,UAAU,GAAG,EAAE,CAAC;IAChB,UAAU,GAAG,EAAE,CAAC;IAChB,KAAK,GAAG,KAAK,CAAC;IAEf,IAAI,CAAmB;IAEvB,gBAAgB,GAAG,gBAAgB,CAAC,QAAQ,EAAE,CAAC;IAC/C,WAAW,GAAe,SAAQ,CAAC;IAE3C,IAAI;QACF,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACtC,IAAI,CAAC,SAAS,EAAE,IAAI,EAAE,CAAC;SACxB;KACF;IAGD,YAAY;QACV,IAAI,CAAC,IAAI,EAAE,CAAC;KACb;IAED,iBAAiB;QACf,IAAI,CAAC,IAAI,EAAE,CAAC;KACb;IAED,gBAAgB;QACd,IAAI,CAAC,WAAW,GAAG,gBAAgB,CAAC,SAAS,CAAC,CAAC,KAAK;YAClD,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC;YACnC,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC;SACpC,CAAC,CAAC;KACJ;IAED,oBAAoB;QAClB,IAAI,CAAC,WAAW,EAAE,CAAC;QACnB,IAAI,CAAC,WAAW,IAAI,CAAC;KACtB;IAED,WAAW,GAAG,CAAC,KAAY;QACzB,MAAM,KAAK,GAAG,KAAK,CAAC,MAA0B,CAAC;QAC/C,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC;QAE9B,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;YACpB,OAAO;SACR;QAED,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;KACjC,CAAC;IAEM,aAAa,GAAG,OAAO,UAAkB;QAC/C,IAAI,UAAU,KAAK,IAAI,CAAC,UAAU,EAAE;YAClC,OAAO;SACR;QAED,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC,CAAC;QACvD,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QAEnB,IAAI;YACF,MAAM,IAAI,CAAC,gBAAgB,CAAC,MAAM,EAAE,CAAC;SACtC;QAAC,OAAO,KAAK,EAAE;YACd,OAAO,CAAC,KAAK,CAAC,cAAc,UAAU,UAAU,EAAE,KAAK,CAAC,CAAC;YACzD,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;SACnB;KACF,CAAC;IAEM,WAAW,GAAG;QACpB,IAAI,CAAC,gBAAgB,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC;QAC/C,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC;QACxC,IAAI,CAAC,gBAAgB,CAAC,4BAA4B,CAAC,EAAE,CAAC,CAAC;QACvD,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;KACpB,CAAC;IAEF,gBAAgB,GAAG;QACjB,IAAI,CAAC,WAAW,EAAE,CAAC;KACpB,CAAC;IAEF,gBAAgB,GAAG,OAAO,KAAY;QACpC,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,MAAM,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;KAC3C,CAAC;IAEF,MAAM;QACJ,MAAM,oBAAoB,GAAG,IAAI,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC;QACxD,MAAM,mBAAmB,GAAG,UAAU,CAAC,6BAA6B,EAAE;YACpE,yCAAyC,EACvC,IAAI,CAAC,eAAe,KAAK,MAAM;YACjC,0CAA0C,EACxC,IAAI,CAAC,eAAe,KAAK,OAAO;YAClC,yCAAyC,EACvC,IAAI,CAAC,eAAe,KAAK,MAAM;SAClC,CAAC,CAAC;QACH,MAAM,qBAAqB,GAAG,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,KAAK,CAAC;QAC5D,MAAM,eAAe,GAAG;YACtB,GAAG,EAAE,qBAAqB,GAAG,SAAS,GAAG,SAAS;SACnD,CAAC;QACF,QACE,6DAAM,KAAK,EAAC,wBAAwB,EAAC,QAAQ,EAAE,IAAI,CAAC,gBAAgB,IAClE,4DAAK,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,eAAe,IACrD,4DAAK,KAAK,EAAC,+BAA+B,IACxC,2EACE,aAAa,EAAE,IAAI,CAAC,gBAAgB,EACpC,KAAK,EAAE,IAAI,CAAC,WAAW,GACvB,CACE,EACL,IAAI,CAAC,UAAU,KACd,4DAAK,KAAK,EAAC,8BAA8B,IACvC,gFAAyB,KAAK,EAAE,IAAI,CAAC,UAAU,GAAI,CAC/C,CACP,EACA,IAAI,CAAC,KAAK,KACT,4DAAK,KAAK,EAAC,sCAAsC,IAC/C,4GAE4B,CACxB,CACP,EACD,4DAAK,KAAK,EAAC,sCAAsC,IAC/C,8DACE,YAAY,EAAC,KAAK,EAClB,KAAK,EAAE,UAAU,CAAC,8BAA8B,EAAE;gBAChD,uCAAuC,EACrC,IAAI,CAAC,mBAAmB,KAAK,eAAe;aAC/C,CAAC,EACF,OAAO,EAAE,MAAM,IAAI,CAAC,UAAU,EAAE,IAAI,EAAE,EACtC,MAAM,EAAE,MAAM,IAAI,CAAC,SAAS,EAAE,IAAI,EAAE,EACpC,OAAO,EAAE,CAAC,KAAK;gBACb,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;aACzB,EACD,WAAW,EAAE,IAAI,CAAC,gBAAgB,EAClC,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,IAAI,CAAC,UAAU,GACtB,EACF,4DAAK,KAAK,EAAC,mCAAmC,IAC5C,4DACE,KAAK,EAAC,0CAA0C,EAChD,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,qBAClB,mBAAmB,IAEnC,8EAA0B,EAC1B,6DACE,CAAC,EAAC,mNAAmN,EACrN,MAAM,EAAC,cAAc,kBACR,KAAK,oBACH,OAAO,qBACN,OAAO,GACvB,CACE,CACF,EACL,oBAAoB,KACnB,+DACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,qCAAqC,EAC3C,OAAO,EAAE,IAAI,CAAC,gBAAgB,IAE9B,4DACE,KAAK,EAAC,mCAAmC,EACzC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,qBAClB,YAAY,IAE5B,6EAAyB,EACzB,6DACE,CAAC,EAAC,uIAAuI,EACzI,MAAM,EAAC,cAAc,kBACR,KAAK,oBACH,OAAO,qBACN,OAAO,GACvB,CACE,CACC,CACV,CACG,CACF,CACD,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/searchcraft-input-form/searchcraft-input-form.tsx"],"sourcesContent":["import {\n  Component,\n  h,\n  Prop,\n  State,\n  Event,\n  type EventEmitter,\n  Watch,\n} from '@stencil/core';\nimport classNames from 'classnames';\n\nimport type { SearchcraftCore } from '@searchcraft/core';\n\nimport { searchcraftStore } from '@store';\n\n/**\n * This web component provides a user-friendly interface for querying an indexed dataset, enabling users to easily search large collections of data.\n * It abstracts the complexities of index-based searching, making it accessible to users of all technical levels.\n *\n * @react-import\n * ```jsx\n * import { SearchcraftInputForm } from \"@searchcraft/react-sdk\";\n * ```\n *\n * @vue-import\n * ```jsx\n * import { SearchcraftInputForm } from \"@searchcraft/vue-sdk\";\n * ```\n *\n * @js-example\n * ```html\n * <searchcraft-input-form auto-search />\n * ```\n *\n * @react-example\n * ```jsx\n * <SearchcraftInputForm autoSearch />\n * ```\n *\n * @vue-example\n * ```jsx\n * <SearchcraftInputForm autoSearch />\n * ```\n */\n@Component({\n  tag: 'searchcraft-input-form',\n  shadow: false,\n})\nexport class SearchcraftInputForm {\n  /**\n   * Whether or not to automatically submit the search term when the input changes.\n   */\n  @Prop() autoSearch?: boolean = true;\n  /**\n   * Where to place the search button.\n   */\n  @Prop() buttonPlacement?: 'left' | 'right' | 'none' = 'none';\n  /**\n   * The label for the submit button.\n   */\n  @Prop() buttonLabel?: string;\n  /**\n   * The label rendered above the input.\n   */\n  @Prop() inputLabel?: string;\n  /**\n   * The input element's placeholder value.\n   */\n  @Prop() placeholderValue?: string = 'Enter Search';\n  /**\n   * The placeholder's render behavior.\n   * 'hide-on-focus' - Hide the placeholder text immediately when the input form gains focus.\n   * 'hide-on-text-entered' - Only hide the placeholder when the input form has text entered into it.\n   */\n  @Prop() placeholderBehavior?: 'hide-on-focus' | 'hide-on-text-entered';\n  /**\n   * When the input becomes focused.\n   */\n  @Event() inputFocus?: EventEmitter<void>;\n  /**\n   * When the input becomes unfocused.\n   */\n  @Event() inputBlur?: EventEmitter<void>;\n  /**\n   * Event emitted when input initializes.\n   */\n  @Event() inputInit?: EventEmitter<void>;\n\n  @State() inputValue = '';\n  @State() searchTerm = '';\n  @State() error = false;\n\n  @Prop() core?: SearchcraftCore;\n\n  private searchcraftStore = searchcraftStore.getState();\n  private unsubscribe: () => void = () => {};\n\n  init() {\n    if (this.core) {\n      this.searchcraftStore.init(this.core);\n      this.inputInit?.emit();\n    }\n  }\n\n  @Watch('core')\n  onCoreChange() {\n    this.init();\n  }\n\n  connectedCallback() {\n    this.init();\n  }\n\n  componentDidLoad() {\n    this.unsubscribe = searchcraftStore.subscribe((state) => {\n      this.searchTerm = state.searchTerm;\n      this.inputValue = state.searchTerm;\n    });\n  }\n\n  disconnectedCallback() {\n    this.handleReset();\n    this.unsubscribe?.();\n  }\n\n  handleInput = (event: Event) => {\n    const input = event.target as HTMLInputElement;\n    this.inputValue = input.value;\n\n    if (!this.autoSearch) {\n      return;\n    }\n\n    this.performSearch(input.value);\n  };\n\n  private performSearch = async (searchTerm: string) => {\n    if (searchTerm === this.searchTerm) {\n      return;\n    }\n\n    this.searchcraftStore.setSearchTerm(searchTerm.trim());\n    this.error = false;\n\n    try {\n      await this.searchcraftStore.search();\n    } catch (error) {\n      console.error(`Search for ${searchTerm} failed:`, error);\n      this.error = true;\n    }\n  };\n\n  private handleReset = () => {\n    this.searchcraftStore.setSearchResultsCount(0);\n    this.searchcraftStore.setSearchTerm('');\n    this.searchcraftStore.setSearchClientResponseItems([]);\n    this.error = false;\n  };\n\n  handleClearInput = () => {\n    this.handleReset();\n  };\n\n  handleFormSubmit = async (event: Event) => {\n    event.preventDefault();\n    await this.performSearch(this.inputValue);\n  };\n\n  render() {\n    const isShowingClearButton = this.inputValue.length > 0;\n    const inputGridClassNames = classNames('searchcraft-input-form-grid', {\n      'searchcraft-input-form-grid-button-left':\n        this.buttonPlacement === 'left',\n      'searchcraft-input-form-grid-button-right':\n        this.buttonPlacement === 'right',\n      'searchcraft-input-form-grid-button-none':\n        this.buttonPlacement === 'none',\n    });\n    const shouldHaveVerticalGap = this.inputLabel || this.error;\n    const inputGridStyles = {\n      gap: shouldHaveVerticalGap ? '4px 8px' : '0px 8px',\n    };\n    return (\n      <form class='searchcraft-input-form' onSubmit={this.handleFormSubmit}>\n        <div class={inputGridClassNames} style={inputGridStyles}>\n          <div class='searchcraft-input-form-button'>\n            <searchcraft-button\n              onButtonClick={this.handleFormSubmit}\n              label={this.buttonLabel}\n            />\n          </div>\n          {this.inputLabel && (\n            <div class='searchcraft-input-form-label'>\n              <searchcraft-input-label label={this.inputLabel} />\n            </div>\n          )}\n          {this.error && (\n            <div class='searchcraft-input-form-error-message'>\n              <searchcraft-error-message>\n                Something went wrong.\n              </searchcraft-error-message>\n            </div>\n          )}\n          <div class='searchcraft-input-form-input-wrapper'>\n            <input\n              autoComplete='off'\n              class={classNames('searchcraft-input-form-input', {\n                'searchcraft-placeholder-hide-on-focus':\n                  this.placeholderBehavior === 'hide-on-focus',\n              })}\n              onFocus={() => this.inputFocus?.emit()}\n              onBlur={() => this.inputBlur?.emit()}\n              onInput={(event) => {\n                this.handleInput(event);\n              }}\n              placeholder={this.placeholderValue}\n              type='text'\n              value={this.inputValue}\n            />\n            <div class='searchcraft-input-form-input-icon'>\n              <svg\n                class='searchcraft-input-form-input-search-icon'\n                viewBox='0 0 20 20'\n                fill='none'\n                xmlns='http://www.w3.org/2000/svg'\n                aria-labelledby='searchcraft-title'\n              >\n                <title>Search icon</title>\n                <path\n                  d='M17.5 17.5L13.875 13.875M15.8333 9.16667C15.8333 12.8486 12.8486 15.8333 9.16667 15.8333C5.48477 15.8333 2.5 12.8486 2.5 9.16667C2.5 5.48477 5.48477 2.5 9.16667 2.5C12.8486 2.5 15.8333 5.48477 15.8333 9.16667Z'\n                  stroke='currentColor'\n                  stroke-width='1.5'\n                  stroke-linecap='round'\n                  stroke-linejoin='round'\n                />\n              </svg>\n            </div>\n            {isShowingClearButton && (\n              <button\n                type='button'\n                class='searchcraft-input-form-clear-button'\n                onClick={this.handleClearInput}\n              >\n                <svg\n                  class='searchcraft-input-form-clear-icon'\n                  viewBox='0 0 22 22'\n                  fill='none'\n                  xmlns='http://www.w3.org/2000/svg'\n                  aria-labelledby='icon-title'\n                >\n                  <title>Clear icon</title>\n                  <path\n                    d='M14 8L8 14M8 8L14 14M21 11C21 16.5228 16.5228 21 11 21C5.47715 21 1 16.5228 1 11C1 5.47715 5.47715 1 11 1C16.5228 1 21 5.47715 21 11Z'\n                    stroke='currentColor'\n                    stroke-width='1.5'\n                    stroke-linecap='round'\n                    stroke-linejoin='round'\n                  />\n                </svg>\n              </button>\n            )}\n          </div>\n        </div>\n      </form>\n    );\n  }\n}\n"],"version":3}