@searchcraft/javascript-sdk 0.6.0 → 0.7.1

package/dist/collection/provider/store.js.map

@@ -1 +1 @@
-{"version":3,"file":"store.js","sourceRoot":"","sources":["../../../src/provider/store.tsx"],"names":[],"mappings":"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","sourcesContent":["import { create } from 'zustand';\n\nimport {\n  type SearchcraftCore,\n  SDKDebugger,\n  LogLevel,\n  type SearchcraftResponse,\n  type FacetPrime,\n  type FacetPathsForIndexField,\n  type RangeValueForIndexField,\n} from '@searchcraft/core';\n\ninterface ThemeState {\n  theme: 'light' | 'dark';\n  toggleTheme: () => void;\n}\n\nexport interface SearchcraftState {\n  resetFacetPaths: () => void;\n  addFacetPathsForIndexField: (data: FacetPathsForIndexField) => void;\n  removeFacetPathsForIndexField: (fieldName: string) => void;\n  addRangeValueForIndexField: (data: RangeValueForIndexField) => void;\n  removeRangeValueForIndexField: (fieldName: string) => void;\n  setSearchMode: (mode: 'fuzzy' | 'exact') => void;\n  setSortType: (type: 'asc' | 'desc') => void;\n  facetPathsForIndexFields: Record<string, FacetPathsForIndexField>;\n  rangeValueForIndexFields: Record<string, RangeValueForIndexField>;\n  searchMode: 'fuzzy' | 'exact';\n  sortType: 'asc' | 'desc';\n  facets: FacetPrime | null;\n  getSearchcraftInstance: () => SearchcraftCore | null;\n  initialize: (searchcraft: SearchcraftCore, debug?: boolean) => void;\n  isRequesting: boolean;\n  query: string;\n  search: () => Promise<void>;\n  searchResults: SearchcraftResponse | null;\n  setFacets: (facets: FacetPrime) => void;\n  setIsRequesting: (isRequesting: boolean) => void;\n  setQuery: (query: string) => void;\n  setSearchResults: (results: SearchcraftResponse | null) => void;\n  setPopoverVisibility: (isVisible: boolean) => void;\n  isPopoverVisible: boolean;\n}\n\n// Zustand store for Searchcraft state\nconst useSearchcraftStore = create<SearchcraftState>((set, get) => {\n  let searchcraft: SearchcraftCore | null = null;\n  let debuggerInstance: SDKDebugger | null = null;\n\n  const log = (level: LogLevel, message: string) => {\n    if (debuggerInstance) {\n      switch (level) {\n        case LogLevel.DEBUG:\n          debuggerInstance.debug(message);\n          break;\n        case LogLevel.INFO:\n          debuggerInstance.info(message);\n          break;\n        case LogLevel.WARN:\n          debuggerInstance.warn(message);\n          break;\n        case LogLevel.ERROR:\n          debuggerInstance.error(message);\n          break;\n      }\n    }\n  };\n\n  return {\n    setPopoverVisibility: (isVisible: boolean) => {\n      set({\n        isPopoverVisible: isVisible,\n      });\n    },\n    isPopoverVisible: false,\n    resetFacetPaths: () => {\n      set({\n        facetPathsForIndexFields: {},\n      });\n    },\n    addFacetPathsForIndexField: (data: FacetPathsForIndexField) =>\n      set((state) => ({\n        facetPathsForIndexFields: {\n          ...state.facetPathsForIndexFields,\n          [data.fieldName]: data,\n        },\n      })),\n    removeFacetPathsForIndexField: (fieldName: string) =>\n      set((state) => {\n        const currentPaths = state.facetPathsForIndexFields;\n        delete currentPaths[fieldName];\n        return {\n          facetPathsForIndexFields: {\n            ...currentPaths,\n          },\n        };\n      }),\n    addRangeValueForIndexField: (data: RangeValueForIndexField) =>\n      set((state) => ({\n        rangeValueForIndexFields: {\n          ...state.rangeValueForIndexFields,\n          [data.fieldName]: data,\n        },\n      })),\n    removeRangeValueForIndexField: (fieldName: string) =>\n      set((state) => {\n        const currentValues = state.rangeValueForIndexFields;\n        delete currentValues[fieldName];\n        return {\n          rangeValueForIndexFields: {\n            ...currentValues,\n          },\n        };\n      }),\n    setSearchMode: (mode) => set({ searchMode: mode }),\n    setSortType: (type) => set({ sortType: type }),\n    searchMode: 'fuzzy',\n    sortType: 'asc',\n    facetPathsForIndexFields: {},\n    rangeValueForIndexFields: {},\n    query: '',\n    isRequesting: false,\n    searchResults: null,\n    facets: null,\n    getSearchcraftInstance: () => searchcraft,\n    setQuery: (query) => {\n      /**\n       * When a new query is set, also reset the sort type, search mode, and facet paths.\n       */\n      set({\n        query,\n        facetPathsForIndexFields: {},\n        ...(query.trim().length === 0 && {\n          searchMode: 'fuzzy',\n          sortType: 'asc',\n        }),\n      });\n    },\n    setSearchResults: (results) => set({ searchResults: results }),\n    setFacets: (facets) => set({ facets }),\n    setIsRequesting: (isRequesting) => set({ isRequesting }),\n    search: async () => {\n      const state = get();\n      log(LogLevel.INFO, `Starting search with search term: \"${state.query}\"`);\n\n      if (!searchcraft) {\n        throw new Error('Searchcraft instance is not initialized.');\n      }\n\n      if (!state.query.trim()) {\n        log(\n          LogLevel.INFO,\n          'No search request was made: search term was empty.',\n        );\n        state.setSearchResults(null);\n        return;\n      }\n\n      state.setIsRequesting(true);\n\n      searchcraft.search(\n        {\n          query: state.query,\n          mode: state.searchMode,\n          sort: state.sortType,\n          facetPathsForIndexFields: state.facetPathsForIndexFields,\n          rangeValueForIndexFields: state.rangeValueForIndexFields,\n        },\n        (results: SearchcraftResponse) => {\n          const updatedFacets = results.data.facets || null;\n\n          state.setSearchResults(results);\n          state.setFacets(updatedFacets);\n\n          log(LogLevel.DEBUG, `Search results: ${JSON.stringify(results)}`);\n          log(\n            LogLevel.DEBUG,\n            `Updated facets: ${JSON.stringify(updatedFacets)}`,\n          );\n          state.setIsRequesting(false);\n        },\n      );\n    },\n    initialize: (searchcraftInstance, debug = false) => {\n      searchcraft = searchcraftInstance;\n      debuggerInstance = debug\n        ? new SDKDebugger({ logLevel: LogLevel.DEBUG })\n        : null;\n\n      log(LogLevel.INFO, 'Searchcraft store initialized.');\n    },\n  };\n});\n\nconst useThemeStore = create<ThemeState>((set) => ({\n  theme: 'light',\n  toggleTheme: () =>\n    set((state) => ({ theme: state.theme === 'light' ? 'dark' : 'light' })),\n}));\n\nexport { useSearchcraftStore, useThemeStore };\n"]}
+{"version":3,"file":"store.js","sourceRoot":"","sources":["../../../src/provider/store.tsx"],"names":[],"mappings":"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","sourcesContent":["import { create } from 'zustand';\n\nimport {\n  type SearchcraftCore,\n  SDKDebugger,\n  LogLevel,\n  type SearchcraftResponse,\n  type FacetPrime,\n  type FacetPathsForIndexField,\n  type RangeValueForIndexField,\n} from '@searchcraft/core';\n\ninterface ThemeState {\n  theme: 'light' | 'dark';\n  toggleTheme: () => void;\n}\n\nexport interface SearchcraftState {\n  resetFacetPaths: () => void;\n  addFacetPathsForIndexField: (data: FacetPathsForIndexField) => void;\n  removeFacetPathsForIndexField: (fieldName: string) => void;\n  addRangeValueForIndexField: (data: RangeValueForIndexField) => void;\n  removeRangeValueForIndexField: (fieldName: string) => void;\n  setSearchMode: (mode: 'fuzzy' | 'exact') => void;\n  setSortType: (type: 'asc' | 'desc') => void;\n  facetPathsForIndexFields: Record<string, FacetPathsForIndexField>;\n  rangeValueForIndexFields: Record<string, RangeValueForIndexField>;\n  searchMode: 'fuzzy' | 'exact';\n  sortType: 'asc' | 'desc';\n  facets: FacetPrime | null;\n  getSearchcraftInstance: () => SearchcraftCore | null;\n  initialize: (searchcraft: SearchcraftCore, debug?: boolean) => void;\n  isRequesting: boolean;\n  query: string;\n  search: () => Promise<void>;\n  searchResults: SearchcraftResponse | null;\n  setFacets: (facets: FacetPrime) => void;\n  setIsRequesting: (isRequesting: boolean) => void;\n  setQuery: (query: string) => void;\n  setSearchResults: (results: SearchcraftResponse | null) => void;\n  setPopoverVisibility: (isVisible: boolean) => void;\n  isPopoverVisible: boolean;\n}\n\n// Zustand store for Searchcraft state\nconst useSearchcraftStore = create<SearchcraftState>((set, get) => {\n  let searchcraft: SearchcraftCore | null = null;\n  let debuggerInstance: SDKDebugger | null = null;\n\n  const log = (level: LogLevel, message: string) => {\n    if (debuggerInstance) {\n      switch (level) {\n        case LogLevel.DEBUG:\n          debuggerInstance.debug(message);\n          break;\n        case LogLevel.INFO:\n          debuggerInstance.info(message);\n          break;\n        case LogLevel.WARN:\n          debuggerInstance.warn(message);\n          break;\n        case LogLevel.ERROR:\n          debuggerInstance.error(message);\n          break;\n      }\n    }\n  };\n\n  return {\n    setPopoverVisibility: (isVisible: boolean) => {\n      set({\n        isPopoverVisible: isVisible,\n      });\n    },\n    isPopoverVisible: false,\n    resetFacetPaths: () => {\n      set({\n        facetPathsForIndexFields: {},\n      });\n    },\n    addFacetPathsForIndexField: (data: FacetPathsForIndexField) =>\n      set((state) => ({\n        facetPathsForIndexFields: {\n          ...state.facetPathsForIndexFields,\n          [data.fieldName]: data,\n        },\n      })),\n    removeFacetPathsForIndexField: (fieldName: string) =>\n      set((state) => {\n        const currentPaths = state.facetPathsForIndexFields;\n        delete currentPaths[fieldName];\n        return {\n          facetPathsForIndexFields: {\n            ...currentPaths,\n          },\n        };\n      }),\n    addRangeValueForIndexField: (data: RangeValueForIndexField) =>\n      set((state) => ({\n        rangeValueForIndexFields: {\n          ...state.rangeValueForIndexFields,\n          [data.fieldName]: data,\n        },\n      })),\n    removeRangeValueForIndexField: (fieldName: string) =>\n      set((state) => {\n        const currentValues = state.rangeValueForIndexFields;\n        delete currentValues[fieldName];\n        return {\n          rangeValueForIndexFields: {\n            ...currentValues,\n          },\n        };\n      }),\n    setSearchMode: (mode) => set({ searchMode: mode }),\n    setSortType: (type) => set({ sortType: type }),\n    searchMode: 'fuzzy',\n    sortType: 'asc',\n    facetPathsForIndexFields: {},\n    rangeValueForIndexFields: {},\n    query: '',\n    isRequesting: false,\n    searchResults: null,\n    facets: null,\n    getSearchcraftInstance: () => searchcraft,\n    setQuery: (query) => {\n      /**\n       * When a new query is set, also reset the sort type, search mode, and facet paths.\n       */\n      set({\n        query,\n        facetPathsForIndexFields: {},\n        ...(query.trim().length === 0 && {\n          searchMode: 'fuzzy',\n          sortType: 'asc',\n        }),\n      });\n    },\n    setSearchResults: (results) => set({ searchResults: results }),\n    setFacets: (facets) => set({ facets }),\n    setIsRequesting: (isRequesting) => set({ isRequesting }),\n    search: async () => {\n      const state = get();\n      log(LogLevel.INFO, `Starting search with search term: \"${state.query}\"`);\n\n      if (!searchcraft) {\n        throw new Error('Searchcraft instance is not initialized.');\n      }\n\n      if (!state.query.trim()) {\n        log(\n          LogLevel.INFO,\n          'No search request was made: search term was empty.',\n        );\n        state.setSearchResults(null);\n        return;\n      }\n\n      state.setIsRequesting(true);\n\n      searchcraft.search(\n        {\n          query: state.query,\n          mode: state.searchMode,\n          sort: state.sortType,\n          facetPathsForIndexFields: state.facetPathsForIndexFields,\n          rangeValueForIndexFields: state.rangeValueForIndexFields,\n        },\n        (results: SearchcraftResponse) => {\n          const updatedFacets = results.data.facets || null;\n\n          state.setSearchResults(results);\n          if (updatedFacets) {\n            state.setFacets(updatedFacets);\n          }\n\n          log(LogLevel.DEBUG, `Search results: ${JSON.stringify(results)}`);\n          log(\n            LogLevel.DEBUG,\n            `Updated facets: ${JSON.stringify(updatedFacets)}`,\n          );\n          state.setIsRequesting(false);\n        },\n      );\n    },\n    initialize: (searchcraftInstance, debug = false) => {\n      searchcraft = searchcraftInstance;\n      debuggerInstance = debug\n        ? new SDKDebugger({ logLevel: LogLevel.DEBUG })\n        : null;\n\n      log(LogLevel.INFO, 'Searchcraft store initialized.');\n    },\n  };\n});\n\nconst useThemeStore = create<ThemeState>((set) => ({\n  theme: 'light',\n  toggleTheme: () =>\n    set((state) => ({ theme: state.theme === 'light' ? 'dark' : 'light' })),\n}));\n\nexport { useSearchcraftStore, useThemeStore };\n"]}

package/dist/collection/utils/facets.js

@@ -1,5 +1,5 @@
 function deepMergeWithSpread(obj1, obj2) {
-    const result = Object.assign({}, obj1);
+    const result = { ...obj1 };
     for (const key in obj2) {
         // biome-ignore lint/suspicious/noPrototypeBuiltins: <explanation>
         if (obj2.hasOwnProperty(key)) {
@@ -22,12 +22,11 @@ export function removeSubstringMatches(arr) {
 function facetToRecord(facet) {
     const records = {};
     const traverseAndAddToFragments = (facetChild) => {
-        var _a;
         records[facetChild.path] = {
             count: facetChild.count,
             path: facetChild.path,
         };
-        (_a = facetChild.children) === null || _a === void 0 ? void 0 : _a.forEach((child) => {
+        facetChild.children?.forEach((child) => {
             traverseAndAddToFragments(child);
         });
     };
@@ -42,6 +41,9 @@ function recordToObject(record) {
     };
     Object.keys(record).forEach((key) => {
         const fragment = record[key];
+        if (!fragment) {
+            return;
+        }
         if (fragment.path === '/') {
             return;
         }

package/dist/collection/utils/facets.js.map

@@ -1 +1 @@
-{"version":3,"file":"facets.js","sourceRoot":"","sources":["../../../src/utils/facets.ts"],"names":[],"mappings":"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","sourcesContent":["import type {\n  FacetChild,\n  FacetChildObject,\n  FacetRoot,\n} from '@searchcraft/core';\n\nfunction 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.\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\ntype FacetChildFragment = {\n  count: number;\n  path: string;\n};\n\nfunction facetToRecord(facet: FacetChild): Record<string, FacetChildFragment> {\n  const records: Record<string, FacetChildFragment> = {};\n\n  const traverseAndAddToFragments = (facetChild: FacetChild) => {\n    records[facetChild.path] = {\n      count: facetChild.count,\n      path: facetChild.path,\n    };\n\n    facetChild.children?.forEach((child) => {\n      traverseAndAddToFragments(child);\n    });\n  };\n\n  traverseAndAddToFragments(facet);\n\n  return records;\n}\n\nfunction recordToObject(\n  record: Record<string, FacetChildFragment>,\n): FacetChildObject {\n  const root: FacetChildObject = {\n    count: 0,\n    path: '/',\n    children: {},\n  };\n\n  Object.keys(record).forEach((key) => {\n    const fragment = record[key];\n    if (fragment.path === '/') {\n      return;\n    }\n    const pathParts = fragment.path.substring(1).split('/');\n    let currentRoot = root;\n    let currentPath = '';\n\n    pathParts.forEach((part, index) => {\n      const nextPath = `${currentPath}/${part}`;\n      if (!currentRoot.children[nextPath]) {\n        currentRoot.children[nextPath] = {\n          count: 0,\n          path: nextPath,\n          children: {},\n        };\n      }\n\n      if (index === pathParts.length - 1) {\n        currentRoot.children[nextPath].count = fragment.count;\n      }\n\n      currentPath = nextPath;\n      currentRoot = currentRoot.children[nextPath];\n    });\n  });\n\n  return root;\n}\n\nfunction objectToFacet(childObject: FacetChildObject): FacetChild {\n  const transformed: FacetChild = {\n    count: childObject.count,\n    path: childObject.path,\n    children: [],\n  };\n\n  if (Object.keys(childObject.children).length > 0) {\n    transformed.children = Object.values(childObject.children).map(\n      (subChildObject) => objectToFacet(subChildObject),\n    );\n  }\n\n  return transformed;\n}\n\n/**\n * Filters records with the parent paths from record2 OUT of record1\n */\nfunction filterRecordByParentPaths(\n  record1: Record<string, FacetChild>,\n  record2: Record<string, FacetChild>,\n): Record<string, FacetChild> {\n  // Extract all paths (keys) both records\n  const paths1 = Object.keys(record1);\n  const paths2 = Object.keys(record2);\n\n  // Find all parent paths in record2\n  const parentPaths = new Set(\n    paths2\n      .filter((path) => path.split('/').length > 2) // Only consider paths with more than one level\n      .map((path) => path.substring(0, path.lastIndexOf('/'))),\n  );\n\n  // Filter out keys in record1 that share a parent path with any of the identified parent paths\n  const filteredRecord = Object.fromEntries(\n    paths1\n      .filter(\n        (path) => !parentPaths.has(path.substring(0, path.lastIndexOf('/'))),\n      )\n      .map((path) => [path, record1[path]]), // Reconstruct the key-value pairs\n  );\n\n  return filteredRecord;\n}\n\nexport function mergeFacetRoots(\n  fieldName: string,\n  currentRoot: FacetRoot,\n  incomingRoot: FacetRoot,\n): FacetRoot {\n  const currentArray = currentRoot[fieldName];\n  const incomingArray = incomingRoot[fieldName];\n\n  const currentRootFacetChild: FacetChild = {\n    count: 0,\n    path: '/',\n    children: currentArray,\n  };\n\n  const incomingRootFacetChild: FacetChild = {\n    count: 0,\n    path: '/',\n    children: incomingArray,\n  };\n\n  // Flatten them into records\n  const currentRecord: Record<string, FacetChildFragment> = facetToRecord(\n    currentRootFacetChild,\n  );\n\n  const incomingRecord: Record<string, FacetChildFragment> = facetToRecord(\n    incomingRootFacetChild,\n  );\n\n  // Filter out the records from record1 (the current set of records)\n  // that share a parent path with record2 (the incoming records)\n  const filteredCurrentRecord = filterRecordByParentPaths(\n    currentRecord,\n    incomingRecord,\n  );\n\n  // Deep merge the records together\n  const mergedRecord: Record<string, FacetChildFragment> = deepMergeWithSpread(\n    filteredCurrentRecord,\n    incomingRecord,\n  );\n\n  // Convert into a heirarchical object\n  const mergedObject: FacetChildObject = recordToObject(mergedRecord);\n\n  // Convert the heirarchical object back to the Facet child structure\n  const mergedFacetChild = objectToFacet(mergedObject);\n\n  return {\n    [fieldName]: mergedFacetChild.children,\n  };\n}\n"]}
+{"version":3,"file":"facets.js","sourceRoot":"","sources":["../../../src/utils/facets.ts"],"names":[],"mappings":"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","sourcesContent":["import type {\n  FacetChild,\n  FacetChildObject,\n  FacetRoot,\n} from '@searchcraft/core';\n\nfunction 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.\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\ntype FacetChildFragment = {\n  count: number;\n  path: string;\n};\n\nfunction facetToRecord(facet: FacetChild): Record<string, FacetChildFragment> {\n  const records: Record<string, FacetChildFragment> = {};\n\n  const traverseAndAddToFragments = (facetChild: FacetChild) => {\n    records[facetChild.path] = {\n      count: facetChild.count,\n      path: facetChild.path,\n    };\n\n    facetChild.children?.forEach((child) => {\n      traverseAndAddToFragments(child);\n    });\n  };\n\n  traverseAndAddToFragments(facet);\n\n  return records;\n}\n\nfunction recordToObject(\n  record: Record<string, FacetChildFragment>,\n): FacetChildObject {\n  const root: FacetChildObject = {\n    count: 0,\n    path: '/',\n    children: {},\n  };\n\n  Object.keys(record).forEach((key) => {\n    const fragment = record[key];\n    if (!fragment) {\n      return;\n    }\n\n    if (fragment.path === '/') {\n      return;\n    }\n    const pathParts = fragment.path.substring(1).split('/');\n    let currentRoot = root;\n    let currentPath = '';\n\n    pathParts.forEach((part, index) => {\n      const nextPath = `${currentPath}/${part}`;\n      if (!currentRoot.children[nextPath]) {\n        currentRoot.children[nextPath] = {\n          count: 0,\n          path: nextPath,\n          children: {},\n        };\n      }\n\n      if (index === pathParts.length - 1) {\n        currentRoot.children[nextPath].count = fragment.count;\n      }\n\n      currentPath = nextPath;\n      currentRoot = currentRoot.children[nextPath];\n    });\n  });\n\n  return root;\n}\n\nfunction objectToFacet(childObject: FacetChildObject): FacetChild {\n  const transformed: FacetChild = {\n    count: childObject.count,\n    path: childObject.path,\n    children: [],\n  };\n\n  if (Object.keys(childObject.children).length > 0) {\n    transformed.children = Object.values(childObject.children).map(\n      (subChildObject) => objectToFacet(subChildObject),\n    );\n  }\n\n  return transformed;\n}\n\n/**\n * Filters records with the parent paths from record2 OUT of record1\n */\nfunction filterRecordByParentPaths(\n  record1: Record<string, FacetChild>,\n  record2: Record<string, FacetChild>,\n): Record<string, FacetChild> {\n  // Extract all paths (keys) both records\n  const paths1 = Object.keys(record1);\n  const paths2 = Object.keys(record2);\n\n  // Find all parent paths in record2\n  const parentPaths = new Set(\n    paths2\n      .filter((path) => path.split('/').length > 2) // Only consider paths with more than one level\n      .map((path) => path.substring(0, path.lastIndexOf('/'))),\n  );\n\n  // Filter out keys in record1 that share a parent path with any of the identified parent paths\n  const filteredRecord = Object.fromEntries(\n    paths1\n      .filter(\n        (path) => !parentPaths.has(path.substring(0, path.lastIndexOf('/'))),\n      )\n      .map((path) => [path, record1[path]]), // Reconstruct the key-value pairs\n  );\n\n  return filteredRecord as Record<string, FacetChild>;\n}\n\nexport function mergeFacetRoots(\n  fieldName: string,\n  currentRoot: FacetRoot,\n  incomingRoot: FacetRoot,\n): FacetRoot {\n  const currentArray = currentRoot[fieldName];\n  const incomingArray = incomingRoot[fieldName];\n\n  const currentRootFacetChild: FacetChild = {\n    count: 0,\n    path: '/',\n    children: currentArray,\n  };\n\n  const incomingRootFacetChild: FacetChild = {\n    count: 0,\n    path: '/',\n    children: incomingArray,\n  };\n\n  // Flatten them into records\n  const currentRecord: Record<string, FacetChildFragment> = facetToRecord(\n    currentRootFacetChild,\n  );\n\n  const incomingRecord: Record<string, FacetChildFragment> = facetToRecord(\n    incomingRootFacetChild,\n  );\n\n  // Filter out the records from record1 (the current set of records)\n  // that share a parent path with record2 (the incoming records)\n  const filteredCurrentRecord = filterRecordByParentPaths(\n    currentRecord,\n    incomingRecord,\n  );\n\n  // Deep merge the records together\n  const mergedRecord: Record<string, FacetChildFragment> = deepMergeWithSpread(\n    filteredCurrentRecord,\n    incomingRecord,\n  );\n\n  // Convert into a heirarchical object\n  const mergedObject: FacetChildObject = recordToObject(mergedRecord);\n\n  // Convert the heirarchical object back to the Facet child structure\n  const mergedFacetChild = objectToFacet(mergedObject);\n\n  return {\n    [fieldName]: mergedFacetChild.children,\n  } as FacetRoot;\n}\n"]}

package/dist/components/index.js

@@ -12,10 +12,11 @@ import { SearchcraftPopoverListItem } from './searchcraft-popover-list-item.js';
 import { SearchcraftPopoverListView } from './searchcraft-popover-list-view.js';
 import { SearchcraftResultsInfo } from './searchcraft-results-info.js';
 import { SearchcraftSlider } from './searchcraft-slider.js';
+import { SearchcraftTheme } from './searchcraft-theme.js';
 import { SearchcraftToggleButton } from './searchcraft-toggle-button.js';
-export { g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-e4846fa2.js';
+export { g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-5365011f.js';
 export { p as parseCustomStyles, s as serializeStyles } from './p-d9551738.js';
-export { u as useSearchcraftStore, a as useThemeStore } from './p-d6a88eed.js';
+export { u as useSearchcraftStore, a as useThemeStore } from './p-936e2ed4.js';
 
 const defineCustomElements = (opts) => {
     if (typeof customElements !== 'undefined') {
@@ -34,6 +35,7 @@ const defineCustomElements = (opts) => {
             SearchcraftPopoverListView,
             SearchcraftResultsInfo,
             SearchcraftSlider,
+            SearchcraftTheme,
             SearchcraftToggleButton,
         ].forEach(cmp => {
             if (!customElements.get(cmp.is)) {

package/dist/components/index.js.map

@@ -1 +1 @@
-{"file":"index.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}
+{"file":"index.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/p-0ef4ab33.js

@@ -0,0 +1,66 @@
+import { p as proxyCustomElement, H, h } from './p-5365011f.js';
+import { u as useSearchcraftStore } from './p-936e2ed4.js';
+
+const SearchcraftPopoverListItem = /*@__PURE__*/ proxyCustomElement(class SearchcraftPopoverListItem extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    /** 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 = 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 (h("a", { key: 'b20aae2fc421323774a5129dde7d53d4ae3283fb', class: 'searchcraft-popover-list-item', href: this.href, onClick: this.handleLinkClick.bind(this) }, this.imageSrc && (h("div", { key: '79541d12ea3adafff2e141cb8946aa3feaea51df', class: 'searchcraft-popover-list-item-image-wrapper' }, h("img", { key: '3e6368a0f544a58ee0af9d1c15d0c909c6231842', alt: this.imageAlt, src: this.imageSrc, class: 'searchcraft-popover-list-item-image' }))), h("div", { key: '87e7a9dcc8b868af259b4456e9962af9d8dee498', class: 'searchcraft-popover-list-item-info-wrapper' }, h("p", { key: 'e5b63b4c2752573d0ee0ef52c2903b593a8b94a0', class: 'searchcraft-popover-list-item-title' }, this.titleContent), h("p", { key: 'c506d5d7e569ec20885eb65cdc6476dfb8895a13', class: 'searchcraft-popover-list-item-subtitle' }, this.subtitleContent))));
+    }
+}, [0, "searchcraft-popover-list-item", {
+        "titleContent": [1, "title-content"],
+        "subtitleContent": [1, "subtitle-content"],
+        "imageSrc": [1, "image-src"],
+        "imageAlt": [1, "image-alt"],
+        "href": [1],
+        "documentPosition": [2, "document-position"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["searchcraft-popover-list-item"];
+    components.forEach(tagName => { switch (tagName) {
+        case "searchcraft-popover-list-item":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SearchcraftPopoverListItem);
+            }
+            break;
+    } });
+}
+
+export { SearchcraftPopoverListItem as S, defineCustomElement as d };
+
+//# sourceMappingURL=p-0ef4ab33.js.map

package/dist/components/p-0ef4ab33.js.map

@@ -0,0 +1 @@
+{"file":"p-0ef4ab33.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,GAAG,mBAAmB,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,QACE,0DACE,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,KACZ,4DAAK,KAAK,EAAC,6CAA6C,IACtD,4DACE,GAAG,EAAE,IAAI,CAAC,QAAQ,EAClB,GAAG,EAAE,IAAI,CAAC,QAAQ,EAClB,KAAK,EAAC,qCAAqC,GAC3C,CACE,CACP,EACD,4DAAK,KAAK,EAAC,4CAA4C,IACrD,0DAAG,KAAK,EAAC,qCAAqC,IAAE,IAAI,CAAC,YAAY,CAAK,EACtE,0DAAG,KAAK,EAAC,wCAAwC,IAC9C,IAAI,CAAC,eAAe,CACnB,CACA,CACJ,EACJ;KACH;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"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}

package/dist/components/p-1234974c.js

@@ -0,0 +1,72 @@
+import { p as proxyCustomElement, H, c as createEvent, h } from './p-5365011f.js';
+import { u as useSearchcraftStore } from './p-936e2ed4.js';
+import { c as classNames } from './p-5cdc6210.js';
+
+const SearchcraftToggleButton = /*@__PURE__*/ proxyCustomElement(class SearchcraftToggleButton extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.toggleUpdated = createEvent(this, "toggleUpdated", 7);
+    }
+    /**
+     * The label.
+     */
+    label = 'Toggle';
+    /**
+     * The secondary label displayed below the main label.
+     */
+    subLabel;
+    /**
+     * When the toggle element is changed.
+     */
+    toggleUpdated;
+    isActive = false;
+    unsubscribe;
+    lastQuery;
+    handleToggle = async () => {
+        this.isActive = !this.isActive;
+        this.toggleUpdated?.emit(this.isActive);
+    };
+    connectedCallback() {
+        /** When the query changes, sets toggle button state back to inactive. */
+        this.unsubscribe = useSearchcraftStore.subscribe((state) => {
+            if (state.query !== this.lastQuery && state.query.trim().length === 0) {
+                this.isActive = false;
+            }
+            this.lastQuery = state.query;
+        });
+    }
+    disconnectedCallback() {
+        this.unsubscribe?.();
+    }
+    render() {
+        return (h("div", { key: '8967ffc9328e0e6822f558d04ab31bc7b7f5c871', class: 'searchcraft-toggle-button-container' }, h("div", { key: 'd46d8ad6aff1bb012bea8e4b10cec03a12da8d64' }, h("p", { key: 'f9fd16a0da58bd66697d13df34a93cd70a6148c6', class: 'searchcraft-toggle-button-label' }, this.label), this.subLabel && (h("p", { key: 'ba7a0c309ca4cc0faa891ad9e270ac16f1d1d4cc', class: 'searchcraft-toggle-button-sub-label' }, this.subLabel))), h("button", { key: '3b406713d41f055bbaf32d231188faba0dfa48fb', class: classNames('searchcraft-toggle-button-background', {
+                active: this.isActive,
+            }), onClick: this.handleToggle, type: 'button' }, h("div", { key: '7dab3166e027e4efad18a3db9b541c1a4ba7da5f', class: classNames('searchcraft-toggle-button-handle', {
+                active: this.isActive,
+            }) }))));
+    }
+}, [0, "searchcraft-toggle-button", {
+        "label": [1],
+        "subLabel": [1, "sub-label"],
+        "isActive": [32],
+        "unsubscribe": [32],
+        "lastQuery": [32]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["searchcraft-toggle-button"];
+    components.forEach(tagName => { switch (tagName) {
+        case "searchcraft-toggle-button":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SearchcraftToggleButton);
+            }
+            break;
+    } });
+}
+
+export { SearchcraftToggleButton as S, defineCustomElement as d };
+
+//# sourceMappingURL=p-1234974c.js.map

package/dist/components/p-1234974c.js.map

@@ -0,0 +1 @@
+{"file":"p-1234974c.js","mappings":";;;;MAmBa,uBAAuB;;;;;;;;;IAI1B,KAAK,GAAG,QAAQ,CAAC;;;;IAIjB,QAAQ,CAAqB;;;;IAK5B,aAAa,CAAyB;IAEtC,QAAQ,GAAG,KAAK,CAAC;IACjB,WAAW,CAA2B;IACtC,SAAS,CAAqB;IAE/B,YAAY,GAAG;QACrB,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;QAC/B,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;KACzC,CAAC;IAEF,iBAAiB;;QAEf,IAAI,CAAC,WAAW,GAAG,mBAAmB,CAAC,SAAS,CAAC,CAAC,KAAK;YACrD,IAAI,KAAK,CAAC,KAAK,KAAK,IAAI,CAAC,SAAS,IAAI,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,MAAM,KAAK,CAAC,EAAE;gBACrE,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;aACvB;YACD,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,KAAK,CAAC;SAC9B,CAAC,CAAC;KACJ;IAED,oBAAoB;QAClB,IAAI,CAAC,WAAW,IAAI,CAAC;KACtB;IAED,MAAM;QACJ,QACE,4DAAK,KAAK,EAAC,qCAAqC,IAC9C,8DACE,0DAAG,KAAK,EAAC,iCAAiC,IAAE,IAAI,CAAC,KAAK,CAAK,EAC1D,IAAI,CAAC,QAAQ,KACZ,0DAAG,KAAK,EAAC,qCAAqC,IAAE,IAAI,CAAC,QAAQ,CAAK,CACnE,CACG,EACN,+DACE,KAAK,EAAE,UAAU,CAAC,sCAAsC,EAAE;gBACxD,MAAM,EAAE,IAAI,CAAC,QAAQ;aACtB,CAAC,EACF,OAAO,EAAE,IAAI,CAAC,YAAY,EAC1B,IAAI,EAAC,QAAQ,IAEb,4DACE,KAAK,EAAE,UAAU,CAAC,kCAAkC,EAAE;gBACpD,MAAM,EAAE,IAAI,CAAC,QAAQ;aACtB,CAAC,GACF,CACK,CACL,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/searchcraft-toggle-button/searchcraft-toggle-button.tsx"],"sourcesContent":["import { useSearchcraftStore } from '@provider/store';\nimport {\n  Component,\n  Event,\n  h,\n  Prop,\n  State,\n  type EventEmitter,\n} from '@stencil/core';\nimport classNames from 'classnames';\n\n/**\n * This web component simulates a light switch functionality, providing a simple and intuitive toggle between two states—on and off.\n * It is consumed within the `searchcraft-filter-panel` component.\n */\n@Component({\n  tag: 'searchcraft-toggle-button',\n  shadow: false,\n})\nexport class SearchcraftToggleButton {\n  /**\n   * The label.\n   */\n  @Prop() label = 'Toggle';\n  /**\n   * The secondary label displayed below the main label.\n   */\n  @Prop() subLabel: string | undefined;\n\n  /**\n   * When the toggle element is changed.\n   */\n  @Event() toggleUpdated?: EventEmitter<boolean>;\n\n  @State() isActive = false;\n  @State() unsubscribe: (() => void) | undefined;\n  @State() lastQuery: string | undefined;\n\n  private handleToggle = async () => {\n    this.isActive = !this.isActive;\n    this.toggleUpdated?.emit(this.isActive);\n  };\n\n  connectedCallback() {\n    /** When the query changes, sets toggle button state back to inactive. */\n    this.unsubscribe = useSearchcraftStore.subscribe((state) => {\n      if (state.query !== this.lastQuery && state.query.trim().length === 0) {\n        this.isActive = false;\n      }\n      this.lastQuery = state.query;\n    });\n  }\n\n  disconnectedCallback() {\n    this.unsubscribe?.();\n  }\n\n  render() {\n    return (\n      <div class='searchcraft-toggle-button-container'>\n        <div>\n          <p class='searchcraft-toggle-button-label'>{this.label}</p>\n          {this.subLabel && (\n            <p class='searchcraft-toggle-button-sub-label'>{this.subLabel}</p>\n          )}\n        </div>\n        <button\n          class={classNames('searchcraft-toggle-button-background', {\n            active: this.isActive,\n          })}\n          onClick={this.handleToggle}\n          type='button'\n        >\n          <div\n            class={classNames('searchcraft-toggle-button-handle', {\n              active: this.isActive,\n            })}\n          />\n        </button>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/p-4b92ae26.js

@@ -0,0 +1,109 @@
+import { p as proxyCustomElement, H, c as createEvent, h } from './p-5365011f.js';
+import { a as getMillis } from './p-755f491b.js';
+import { c as classNames } from './p-5cdc6210.js';
+
+const SearchcraftSlider = /*@__PURE__*/ proxyCustomElement(class SearchcraftSlider extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.rangeChanged = createEvent(this, "rangeChanged", 7);
+    }
+    /**
+     * The maximum value allowed.
+     */
+    max = 100;
+    /**
+     * The minimum value allowed.
+     */
+    min = 0;
+    /**
+     * The granularity that the value must adhere to.
+     */
+    granularity = getMillis('month');
+    /** The type of data allowed. */
+    dataType = 'number';
+    endValue = this.max;
+    startValue = this.min;
+    lastFocusedHandle = 'max';
+    /**
+     * When the range has changed.
+     * */
+    rangeChanged;
+    componentDidLoad() {
+        this.startValue = this.min;
+        this.endValue = this.max;
+    }
+    emitUpdate = async () => {
+        this.rangeChanged?.emit({
+            startValue: this.startValue,
+            endValue: this.endValue,
+        });
+    };
+    handleStartValueChange = (event) => {
+        const inputElement = event.target;
+        const value = Number.parseInt(inputElement.value, 10);
+        this.lastFocusedHandle = 'min';
+        if (value <= this.endValue) {
+            this.startValue = value;
+            this.emitUpdate();
+        }
+        else {
+            this.startValue = this.endValue;
+            inputElement.value = `${this.endValue}`;
+        }
+    };
+    handleEndValueChange = (event) => {
+        const inputElement = event.target;
+        const value = Number.parseInt(inputElement.value, 10);
+        this.lastFocusedHandle = 'max';
+        if (value >= this.startValue) {
+            this.endValue = value;
+            this.emitUpdate();
+        }
+        else {
+            this.endValue = this.startValue;
+            inputElement.value = `${this.startValue}`;
+        }
+    };
+    render() {
+        const rangeMin = this.min;
+        const rangeMax = this.max;
+        const startPercent = ((this.startValue - rangeMin) / (rangeMax - rangeMin)) * 100;
+        const endPercent = ((this.endValue - rangeMin) / (rangeMax - rangeMin)) * 100;
+        const startLabel = this.dataType === 'number'
+            ? this.startValue
+            : new Date(this.startValue).getFullYear();
+        const endLabel = this.dataType === 'number'
+            ? this.endValue
+            : new Date(this.endValue).getFullYear();
+        return (h("div", { key: 'bf815949fc9e24e7f3ff9e1870affe676592fc68', class: 'searchcraft-slider-container' }, h("div", { key: 'd0913ee4e35f551782ec5649b9782c535e81ff74', class: 'searchcraft-slider-range-container' }, h("div", { key: '5397b3ef9a79c589080560e886ef709b77279748', class: 'searchcraft-slider-active-range', style: {
+                left: `${startPercent}%`,
+                width: `${endPercent - startPercent}%`,
+            } }), h("input", { key: '714896ec90ea07a1be7b73e7168c6fab9d2c095b', class: classNames('searchcraft-slider-input', 'searchcraft-slider-input-min-handle'), max: this.max, min: this.min, onInput: this.handleStartValueChange.bind(this), step: this.granularity, style: { zIndex: this.lastFocusedHandle === 'min' ? '2' : '1' }, type: 'range', value: this.startValue }), h("input", { key: '646042689f17b594dac00ba04c80d5d3a32a3cd0', class: classNames('searchcraft-slider-input', 'searchcraft-slider-input-max-handle'), max: this.max, min: this.min, onInput: this.handleEndValueChange.bind(this), step: this.granularity, style: { zIndex: this.lastFocusedHandle === 'max' ? '2' : '1' }, type: 'range', value: this.endValue })), h("div", { key: 'a6bc39619d6bcbb3ccf09e923436122db4559289', class: 'searchcraft-slider-label-container' }, h("span", { key: 'd15f19f86abeacb5c100403e9e4be20f28f604c0', class: 'searchcraft-slider-label' }, startLabel), h("span", { key: '6c0394917a4f54edae8a347cc8b225a64d044ea6', class: 'searchcraft-slider-label' }, endLabel))));
+    }
+}, [0, "searchcraft-slider", {
+        "max": [2],
+        "min": [2],
+        "granularity": [2],
+        "dataType": [1, "data-type"],
+        "endValue": [32],
+        "startValue": [32],
+        "lastFocusedHandle": [32]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["searchcraft-slider"];
+    components.forEach(tagName => { switch (tagName) {
+        case "searchcraft-slider":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SearchcraftSlider);
+            }
+            break;
+    } });
+}
+
+export { SearchcraftSlider as S, defineCustomElement as d };
+
+//# sourceMappingURL=p-4b92ae26.js.map

package/dist/components/p-4b92ae26.js.map

@@ -0,0 +1 @@
+{"file":"p-4b92ae26.js","mappings":"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","names":[],"sources":["src/components/searchcraft-slider/searchcraft-slider.tsx"],"sourcesContent":["import {\n  Component,\n  Event,\n  type EventEmitter,\n  h,\n  State,\n  Prop,\n} from '@stencil/core';\nimport { getMillis } from '@utils';\nimport classNames from 'classnames';\n\n/**\n * This web component is designed to allow users to select a value from a range defined by a minimum and maximum value.\n * The component renders a slider interface, which can be used to visually choose a value between two boundaries.\n * It is consumed by the `searchcraft-filter-panel` component.\n */\n@Component({\n  tag: 'searchcraft-slider',\n  shadow: false,\n})\nexport class SearchcraftSlider {\n  /**\n   * The maximum value allowed.\n   */\n  @Prop() max = 100;\n  /**\n   * The minimum value allowed.\n   */\n  @Prop() min = 0;\n  /**\n   * The granularity that the value must adhere to.\n   */\n  @Prop() granularity: number = getMillis('month');\n  /** The type of data allowed. */\n  @Prop() dataType: 'number' | 'date' = 'number';\n\n  @State() endValue = this.max;\n  @State() startValue = this.min;\n  @State() lastFocusedHandle: 'min' | 'max' = 'max';\n\n  /**\n   * When the range has changed.\n   * */\n  @Event() rangeChanged:\n    | EventEmitter<{ startValue: number; endValue: number }>\n    | undefined;\n\n  componentDidLoad() {\n    this.startValue = this.min;\n    this.endValue = this.max;\n  }\n\n  private emitUpdate = async () => {\n    this.rangeChanged?.emit({\n      startValue: this.startValue,\n      endValue: this.endValue,\n    });\n  };\n\n  private handleStartValueChange = (event: InputEvent) => {\n    const inputElement = event.target as HTMLInputElement;\n    const value = Number.parseInt(inputElement.value, 10);\n    this.lastFocusedHandle = 'min';\n    if (value <= this.endValue) {\n      this.startValue = value;\n      this.emitUpdate();\n    } else {\n      this.startValue = this.endValue;\n      inputElement.value = `${this.endValue}`;\n    }\n  };\n\n  private handleEndValueChange = (event: InputEvent) => {\n    const inputElement = event.target as HTMLInputElement;\n    const value = Number.parseInt(inputElement.value, 10);\n    this.lastFocusedHandle = 'max';\n    if (value >= this.startValue) {\n      this.endValue = value;\n      this.emitUpdate();\n    } else {\n      this.endValue = this.startValue;\n      inputElement.value = `${this.startValue}`;\n    }\n  };\n\n  render() {\n    const rangeMin = this.min;\n    const rangeMax = this.max;\n    const startPercent =\n      ((this.startValue - rangeMin) / (rangeMax - rangeMin)) * 100;\n    const endPercent =\n      ((this.endValue - rangeMin) / (rangeMax - rangeMin)) * 100;\n\n    const startLabel =\n      this.dataType === 'number'\n        ? this.startValue\n        : new Date(this.startValue).getFullYear();\n\n    const endLabel =\n      this.dataType === 'number'\n        ? this.endValue\n        : new Date(this.endValue).getFullYear();\n\n    return (\n      <div class='searchcraft-slider-container'>\n        <div class='searchcraft-slider-range-container'>\n          <div\n            class='searchcraft-slider-active-range'\n            style={{\n              left: `${startPercent}%`,\n              width: `${endPercent - startPercent}%`,\n            }}\n          />\n          <input\n            class={classNames(\n              'searchcraft-slider-input',\n              'searchcraft-slider-input-min-handle',\n            )}\n            max={this.max}\n            min={this.min}\n            onInput={this.handleStartValueChange.bind(this)}\n            step={this.granularity}\n            style={{ zIndex: this.lastFocusedHandle === 'min' ? '2' : '1' }}\n            type='range'\n            value={this.startValue}\n          />\n          <input\n            class={classNames(\n              'searchcraft-slider-input',\n              'searchcraft-slider-input-max-handle',\n            )}\n            max={this.max}\n            min={this.min}\n            onInput={this.handleEndValueChange.bind(this)}\n            step={this.granularity}\n            style={{ zIndex: this.lastFocusedHandle === 'max' ? '2' : '1' }}\n            type='range'\n            value={this.endValue}\n          />\n        </div>\n        <div class='searchcraft-slider-label-container'>\n          <span class='searchcraft-slider-label'>{startLabel}</span>\n          <span class='searchcraft-slider-label'>{endLabel}</span>\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-85765b81.js → p-506cdac1.js}

@@ -1,33 +1,35 @@
-import { p as proxyCustomElement, H, h } from './p-e4846fa2.js';
+import { p as proxyCustomElement, H, h } from './p-5365011f.js';
 import { g as getDocumentValueFromSearchResultMapping } from './p-755f491b.js';
-import { d as defineCustomElement$1 } from './p-cf4ced92.js';
-
-const searchcraftPopoverListViewModuleCss = "";
-const SearchcraftPopoverListViewStyle0 = searchcraftPopoverListViewModuleCss;
+import { d as defineCustomElement$1 } from './p-0ef4ab33.js';
 
 const SearchcraftPopoverListView = /*@__PURE__*/ proxyCustomElement(class SearchcraftPopoverListView extends H {
     constructor() {
         super();
         this.__registerHost();
-        this.popoverResultMappings = undefined;
-        this.documents = undefined;
     }
+    /**
+     * The mappings that define how the data in the documents are mapped to the
+     * list-view-item elements.
+     */
+    popoverResultMappings;
+    /**
+     * The documents to render in the list view.
+     */
+    documents;
     renderDocument(document, index) {
         /**
          * Index field values -> Result container props mappings.
          */
-        const titleContent = getDocumentValueFromSearchResultMapping(document, this.popoverResultMappings.title);
-        const subtitleContent = getDocumentValueFromSearchResultMapping(document, this.popoverResultMappings.subtitle);
-        const href = getDocumentValueFromSearchResultMapping(document, this.popoverResultMappings.href);
-        const imageSource = getDocumentValueFromSearchResultMapping(document, this.popoverResultMappings.imageSource);
-        const imageAlt = getDocumentValueFromSearchResultMapping(document, this.popoverResultMappings.imageAlt);
+        const titleContent = getDocumentValueFromSearchResultMapping(document, this.popoverResultMappings?.title);
+        const subtitleContent = getDocumentValueFromSearchResultMapping(document, this.popoverResultMappings?.subtitle);
+        const href = getDocumentValueFromSearchResultMapping(document, this.popoverResultMappings?.href);
+        const imageSource = getDocumentValueFromSearchResultMapping(document, this.popoverResultMappings?.imageSource);
+        const imageAlt = getDocumentValueFromSearchResultMapping(document, this.popoverResultMappings?.imageAlt);
         return (h("searchcraft-popover-list-item", { key: `${document.document_id}-${index}`, "title-content": titleContent, "subtitle-content": subtitleContent, "image-src": imageSource, "image-alt": imageAlt, href: href, "document-position": index }));
     }
     render() {
-        var _a;
-        return (h("div", { key: '6e9017370d7079412d6d31fb439be599d689c9c2', class: 'searchcraft-popover-list-view' }, (_a = this.documents) === null || _a === void 0 ? void 0 : _a.map((document, index) => this.renderDocument(document, index))));
+        return (h("div", { key: '2eee5552a2bf24bd0c75a224d4de6da8526df316', class: 'searchcraft-popover-list-view' }, this.documents?.map((document, index) => this.renderDocument(document, index))));
     }
-    static get style() { return SearchcraftPopoverListViewStyle0; }
 }, [0, "searchcraft-popover-list-view", {
         "popoverResultMappings": [16],
         "documents": [16]
@@ -53,4 +55,4 @@ function defineCustomElement() {
 
 export { SearchcraftPopoverListView as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-85765b81.js.map
+//# sourceMappingURL=p-506cdac1.js.map

package/dist/components/p-506cdac1.js.map

@@ -0,0 +1 @@
+{"file":"p-506cdac1.js","mappings":";;;;MAmBa,0BAA0B;;;;;;;;;IAK7B,qBAAqB,CAAoC;;;;IAIzD,SAAS,CAAwC;IAEzD,cAAc,CAAC,QAAiC,EAAE,KAAa;;;;QAI7D,MAAM,YAAY,GAAG,uCAAuC,CAC1D,QAAQ,EACR,IAAI,CAAC,qBAAqB,EAAE,KAAK,CAClC,CAAC;QACF,MAAM,eAAe,GAAG,uCAAuC,CAC7D,QAAQ,EACR,IAAI,CAAC,qBAAqB,EAAE,QAAQ,CACrC,CAAC;QACF,MAAM,IAAI,GAAG,uCAAuC,CAClD,QAAQ,EACR,IAAI,CAAC,qBAAqB,EAAE,IAAI,CACjC,CAAC;QACF,MAAM,WAAW,GAAG,uCAAuC,CACzD,QAAQ,EACR,IAAI,CAAC,qBAAqB,EAAE,WAAW,CACxC,CAAC;QACF,MAAM,QAAQ,GAAG,uCAAuC,CACtD,QAAQ,EACR,IAAI,CAAC,qBAAqB,EAAE,QAAQ,CACrC,CAAC;QAEF,QACE,qCACE,GAAG,EAAE,GAAG,QAAQ,CAAC,WAAW,IAAI,KAAK,EAAE,mBACxB,YAAY,sBACT,eAAe,eACtB,WAAW,eACX,QAAQ,EACnB,IAAI,EAAE,IAAI,uBACS,KAAK,GACxB,EACF;KACH;IAED,MAAM;QACJ,QACE,4DAAK,KAAK,EAAC,+BAA+B,IACvC,IAAI,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC,QAAQ,EAAE,KAAK,KACnC,IAAI,CAAC,cAAc,CAAC,QAAQ,EAAE,KAAK,CAAC,CACrC,CACG,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/searchcraft-popover-list-view/searchcraft-popover-list-view.tsx"],"sourcesContent":["import { Component, h, Prop } from '@stencil/core';\n\nimport { getDocumentValueFromSearchResultMapping } from '@utils';\nimport type { PopoverResultMappings } from 'types';\n\n/**\n * This web component is designed to display a list of results within a popover interface.\n * It is consumed within the `searchcraft-popover-form` component.\n *\n * ## Usage\n * ```html\n * <!-- index.html -->\n * <searchcraft-popover-list-view />\n * ```\n */\n@Component({\n  tag: 'searchcraft-popover-list-view',\n  shadow: false,\n})\nexport class SearchcraftPopoverListView {\n  /**\n   * The mappings that define how the data in the documents are mapped to the\n   * list-view-item elements.\n   */\n  @Prop() popoverResultMappings: PopoverResultMappings | undefined;\n  /**\n   * The documents to render in the list view.\n   */\n  @Prop() documents: Record<string, unknown>[] | undefined;\n\n  renderDocument(document: Record<string, unknown>, index: number) {\n    /**\n     * Index field values -> Result container props mappings.\n     */\n    const titleContent = getDocumentValueFromSearchResultMapping(\n      document,\n      this.popoverResultMappings?.title,\n    );\n    const subtitleContent = getDocumentValueFromSearchResultMapping(\n      document,\n      this.popoverResultMappings?.subtitle,\n    );\n    const href = getDocumentValueFromSearchResultMapping(\n      document,\n      this.popoverResultMappings?.href,\n    );\n    const imageSource = getDocumentValueFromSearchResultMapping(\n      document,\n      this.popoverResultMappings?.imageSource,\n    );\n    const imageAlt = getDocumentValueFromSearchResultMapping(\n      document,\n      this.popoverResultMappings?.imageAlt,\n    );\n\n    return (\n      <searchcraft-popover-list-item\n        key={`${document.document_id}-${index}`}\n        title-content={titleContent}\n        subtitle-content={subtitleContent}\n        image-src={imageSource}\n        image-alt={imageAlt}\n        href={href}\n        document-position={index}\n      />\n    );\n  }\n\n  render() {\n    return (\n      <div class='searchcraft-popover-list-view'>\n        {this.documents?.map((document, index) =>\n          this.renderDocument(document, index),\n        )}\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/p-521fe971.js

@@ -0,0 +1,60 @@
+import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment } from './p-5365011f.js';
+import { c as classNames } from './p-5cdc6210.js';
+
+const SearchcraftButton = /*@__PURE__*/ proxyCustomElement(class SearchcraftButton extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.buttonClick = createEvent(this, "buttonClick", 7);
+    }
+    /**
+     * The icon element.
+     */
+    iconElement;
+    /**
+     * Should the button only display an icon.
+     */
+    iconOnly = false;
+    /**
+     * The position of the icon.
+     */
+    iconPosition = 'left';
+    /**
+     * The label for the button.
+     */
+    label = 'Search';
+    /**
+     * When the button is clicked.
+     */
+    buttonClick;
+    isRequesting = false;
+    handleClick = () => {
+        this.buttonClick.emit();
+    };
+    render() {
+        return (h(Fragment, { key: 'af99927e7c05f06ec9a63123c7f740a0e96e734b' }, this.iconOnly ? (h("button", { class: classNames('searchcraft-button'), onClick: this.handleClick, type: 'submit' }, this.isRequesting ? (h("searchcraft-spinner-dark", null)) : (this.iconElement))) : (h("button", { class: classNames('searchcraft-button'), onClick: this.handleClick, type: 'submit' }, this.iconPosition === 'left' && this.iconElement, h("span", { class: classNames('buttonLabel', 'searchcraft-button-label') }, this.label)))));
+    }
+}, [0, "searchcraft-button", {
+        "iconElement": [16],
+        "iconOnly": [4, "icon-only"],
+        "iconPosition": [1, "icon-position"],
+        "label": [1],
+        "isRequesting": [32]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["searchcraft-button"];
+    components.forEach(tagName => { switch (tagName) {
+        case "searchcraft-button":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SearchcraftButton);
+            }
+            break;
+    } });
+}
+
+export { SearchcraftButton as S, defineCustomElement as d };
+
+//# sourceMappingURL=p-521fe971.js.map

package/dist/components/p-521fe971.js.map

@@ -0,0 +1 @@
+{"file":"p-521fe971.js","mappings":";;;MAoBa,iBAAiB;;;;;;;;;IAIpB,WAAW,CAAW;;;;IAItB,QAAQ,GAAG,KAAK,CAAC;;;;IAIjB,YAAY,GAAG,MAAM,CAAC;;;;IAItB,KAAK,GAAG,QAAQ,CAAC;;;;IAKhB,WAAW,CAAsB;IAEjC,YAAY,GAAG,KAAK,CAAC;IAEtB,WAAW,GAAG;QACpB,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;KACzB,CAAC;IAEF,MAAM;QACJ,QACE,EAAC,QAAQ,uDACN,IAAI,CAAC,QAAQ,IACZ,cACE,KAAK,EAAE,UAAU,CAAC,oBAAoB,CAAC,EACvC,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,IAAI,EAAC,QAAQ,IAEZ,IAAI,CAAC,YAAY,IAChB,mCAA4B,KAE5B,IAAI,CAAC,WAAW,CACjB,CACM,KAET,cACE,KAAK,EAAE,UAAU,CAAC,oBAAoB,CAAC,EACvC,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,IAAI,EAAC,QAAQ,IAEZ,IAAI,CAAC,YAAY,KAAK,MAAM,IAAI,IAAI,CAAC,WAAW,EACjD,YAAM,KAAK,EAAE,UAAU,CAAC,aAAa,EAAE,0BAA0B,CAAC,IAC/D,IAAI,CAAC,KAAK,CACN,CACA,CACV,CACQ,EACX;KACH;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/searchcraft-button/searchcraft-button.tsx"],"sourcesContent":["import {\n  Component,\n  Event,\n  type EventEmitter,\n  Prop,\n  h,\n  State,\n  Fragment,\n} from '@stencil/core';\nimport classNames from 'classnames';\n\n/**\n * This web component represents a button to be consumed within the `search-input-form` component.\n * It provides a clear, interactive way for users to submit search queries or trigger actions in a search interface.\n * It is consumed within the `searchcraft-input-form` component.\n */\n@Component({\n  tag: 'searchcraft-button',\n  shadow: false,\n})\nexport class SearchcraftButton {\n  /**\n   * The icon element.\n   */\n  @Prop() iconElement?: Element;\n  /**\n   * Should the button only display an icon.\n   */\n  @Prop() iconOnly = false;\n  /**\n   * The position of the icon.\n   */\n  @Prop() iconPosition = 'left';\n  /**\n   * The label for the button.\n   */\n  @Prop() label = 'Search';\n\n  /**\n   * When the button is clicked.\n   */\n  @Event() buttonClick!: EventEmitter<void>;\n\n  @State() isRequesting = false;\n\n  private handleClick = () => {\n    this.buttonClick.emit();\n  };\n\n  render() {\n    return (\n      <Fragment>\n        {this.iconOnly ? (\n          <button\n            class={classNames('searchcraft-button')}\n            onClick={this.handleClick}\n            type='submit'\n          >\n            {this.isRequesting ? (\n              <searchcraft-spinner-dark />\n            ) : (\n              this.iconElement\n            )}\n          </button>\n        ) : (\n          <button\n            class={classNames('searchcraft-button')}\n            onClick={this.handleClick}\n            type='submit'\n          >\n            {this.iconPosition === 'left' && this.iconElement}\n            <span class={classNames('buttonLabel', 'searchcraft-button-label')}>\n              {this.label}\n            </span>\n          </button>\n        )}\n      </Fragment>\n    );\n  }\n}\n"],"version":3}