@searchcraft/javascript-sdk 0.2.9 → 0.3.1

package/dist/collection/components/searchcraft-slider/searchcraft-slider.module.css

@@ -1,65 +1,79 @@
 .sliderContainer {
+  align-items: center;
   display: flex;
   flex-direction: column;
   gap: 10px;
-  font-family: Arial, sans-serif;
-  align-items: center;
   width: 100%;
 }
 
 .rangeContainer {
+  align-items: center;
+  background-color: #D9D9D9;
+  border-radius: 999px;
   display: flex;
   position: relative;
+  height: 4px;
   width: 100%;
-  align-items: center;
+}
+.rangeContainer::-webkit-slider-runnable-track {
+  pointer-events: none;
 }
 .rangeContainer .activeRange {
+  background-color: #000000;
+  border-radius: 2px;
+  height: 4px;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
-  height: 4px;
-  background: #007DB3;
   z-index: 0;
-  border-radius: 2px;
+}
+.rangeContainer .activeRange::-webkit-slider-runnable-track {
+  pointer-events: none;
+}
+.rangeContainer .activeRange::-moz-range-track {
+  pointer-events: none;
 }
 .rangeContainer .rangeSlider {
-  width: 100%;
-  height: 4px;
+  appearance: none;
   background: transparent;
   border-radius: 2px;
+  height: 4px;
+  margin: 0;
   outline: none;
-  -webkit-appearance: none;
-  appearance: none;
+  pointer-events: none;
   position: absolute;
-  margin: 0;
+  width: 100%;
+  -webkit-appearance: none;
 }
 .rangeContainer .rangeSlider::-webkit-slider-thumb {
-  -webkit-appearance: none;
-  width: 20px;
-  height: 20px;
-  background-color: #FFF;
+  background-color: #FFFFFF;
   border-radius: 50%;
-  border: 2px solid #e6e6e6;
+  border: 2px solid #E6E6E6;
   cursor: pointer;
+  height: 20px;
+  pointer-events: all;
+  width: 20px;
+  -webkit-appearance: none;
 }
 .rangeContainer .rangeSlider::-moz-range-thumb {
-  width: 20px;
-  height: 20px;
-  background-color: #FFF;
+  background-color: #FFFFFF;
   border-radius: 50%;
-  border: 2px solid #e6e6e6;
+  border: 2px solid #E6E6E6;
   cursor: pointer;
+  height: 20px;
+  pointer-events: all;
+  width: 20px;
 }
 
 .yearLabels {
+  color: #292929;
   display: flex;
-  justify-content: space-between;
-  width: 100%;
-  margin-top: 10px;
+  font-family: "Source Sans Pro", sans-serif;
   font-size: 15px;
   font-weight: 600;
-  font-family: "Source Sans Pro", sans-serif;
-  color: #666;
+  justify-content: space-between;
+  margin-top: 10px;
+  width: 100%;
 }
 
 .yearLabel {

package/dist/collection/components/searchcraft-spinner-dark/searchcraft-spinner-dark.js.map

@@ -1 +1 @@
-{"version":3,"file":"searchcraft-spinner-dark.js","sourceRoot":"","sources":["../../../src/components/searchcraft-spinner-dark/searchcraft-spinner-dark.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO7C,MAAM,OAAO,sBAAsB;IACjC,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,kBAAkB;YAC3B,4DAAK,KAAK,EAAC,aAAa,GAAG,CACvB,CACP,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'searchcraft-spinner-dark',\n  styleUrl: 'searchcraft-spinner-dark.module.scss',\n  shadow: true,\n})\nexport class SearchcraftSpinnerDark {\n  render() {\n    return (\n      <div class='spinnerContainer'>\n        <div class='spinnerDark' />\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"searchcraft-spinner-dark.js","sourceRoot":"","sources":["../../../../src/components/searchcraft-spinner-dark/searchcraft-spinner-dark.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO7C,MAAM,OAAO,sBAAsB;IACjC,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,kBAAkB;YAC3B,4DAAK,KAAK,EAAC,aAAa,GAAG,CACvB,CACP,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'searchcraft-spinner-dark',\n  styleUrl: 'searchcraft-spinner-dark.module.scss',\n  shadow: true,\n})\nexport class SearchcraftSpinnerDark {\n  render() {\n    return (\n      <div class='spinnerContainer'>\n        <div class='spinnerDark' />\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/searchcraft-spinner-light/searchcraft-spinner-light.js.map

@@ -1 +1 @@
-{"version":3,"file":"searchcraft-spinner-light.js","sourceRoot":"","sources":["../../../src/components/searchcraft-spinner-light/searchcraft-spinner-light.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO7C,MAAM,OAAO,uBAAuB;IAClC,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,kBAAkB;YAC3B,4DAAK,KAAK,EAAC,cAAc,GAAG,CACxB,CACP,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'searchcraft-spinner-light',\n  styleUrl: 'searchcraft-spinner-light.module.scss',\n  shadow: true,\n})\nexport class SearchcraftSpinnerLight {\n  render() {\n    return (\n      <div class='spinnerContainer'>\n        <div class='spinnerLight' />\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"searchcraft-spinner-light.js","sourceRoot":"","sources":["../../../../src/components/searchcraft-spinner-light/searchcraft-spinner-light.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO7C,MAAM,OAAO,uBAAuB;IAClC,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,kBAAkB;YAC3B,4DAAK,KAAK,EAAC,cAAc,GAAG,CACxB,CACP,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'searchcraft-spinner-light',\n  styleUrl: 'searchcraft-spinner-light.module.scss',\n  shadow: true,\n})\nexport class SearchcraftSpinnerLight {\n  render() {\n    return (\n      <div class='spinnerContainer'>\n        <div class='spinnerLight' />\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/searchcraft-toggle-button/searchcraft-toggle-button.js

@@ -1,8 +1,17 @@
 import { h } from "@stencil/core";
+import classNames from "classnames";
 import { useSearchcraftStore } from "../../provider/store";
 export class SearchcraftToggleButton {
     constructor() {
+        this.autoSearchFormElement = null;
         this.searchStore = useSearchcraftStore.getState();
+        this.handleSearchRequest = () => {
+            this.isActive = false;
+            this.searchStore.setSearchParams({
+                mode: 'fuzzy',
+                sort: 'asc',
+            });
+        };
         this.handleToggle = async () => {
             this.isActive = !this.isActive;
             if (this.type === 'mode') {
@@ -35,20 +44,28 @@ export class SearchcraftToggleButton {
             this.query = state.query || '';
             this.resultsCount = ((_c = (_b = (_a = state.searchResults) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.hits) === null || _c === void 0 ? void 0 : _c.length) || 0;
         });
+        this.autoSearchFormElement = document.querySelector('searchcraft-auto-search-form');
+        if (this.autoSearchFormElement) {
+            this.autoSearchFormElement.addEventListener('querySubmit', this.handleSearchRequest);
+        }
     }
     disconnectedCallback() {
         if (this.unsubscribe) {
             this.unsubscribe();
         }
+        if (this.autoSearchFormElement) {
+            this.autoSearchFormElement.addEventListener('querySubmit', this.handleSearchRequest);
+        }
     }
     render() {
         if (!this.query || this.resultsCount === 0) {
             return null;
         }
-        return (h("button", { class: `toggle-wrapper ${this.isActive ? 'active' : ''}`, onClick: this.handleToggle, type: 'button' }, h("div", { class: `toggle-switch ${this.isActive ? 'active' : ''}` })));
+        const toggleContainerStyle = `toggleWrapper ${this.isActive ? 'active' : ''}`;
+        const toggleSwitchStyle = `toggleSwitch ${this.isActive ? 'active' : ''}`;
+        return (h("button", { class: classNames(toggleContainerStyle, 'searchcraft-toggle-button-container'), onClick: this.handleToggle, type: 'button' }, h("div", { class: classNames(toggleSwitchStyle, 'searchcraft-toggle-switch') })));
     }
     static get is() { return "searchcraft-toggle-button"; }
-    static get encapsulation() { return "shadow"; }
     static get originalStyleUrls() {
         return {
             "$": ["searchcraft-toggle-button.module.scss"]

package/dist/collection/components/searchcraft-toggle-button/searchcraft-toggle-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"searchcraft-toggle-button.js","sourceRoot":"","sources":["../../../src/components/searchcraft-toggle-button/searchcraft-toggle-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAOtD,MAAM,OAAO,uBAAuB;;QAa1B,gBAAW,GAAG,mBAAmB,CAAC,QAAQ,EAAE,CAAC;QAe7C,iBAAY,GAAG,KAAK,IAAI,EAAE;YAChC,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;YAE/B,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;gBACzB,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC;gBAChD,IAAI,CAAC,WAAW,CAAC,eAAe,CAAC;oBAC/B,IAAI;iBACL,CAAC,CAAC;YACL,CAAC;iBAAM,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;gBAChC,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC;gBAC5C,IAAI,CAAC,WAAW,CAAC,eAAe,CAAC;oBAC/B,IAAI;iBACL,CAAC,CAAC;YACL,CAAC;YAED,IAAI,CAAC;gBACH,MAAM,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,CAAC;YAClC,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBACf,OAAO,CAAC,KAAK,CAAC,gBAAgB,EAAE,KAAK,CAAC,CAAC;YACzC,CAAC;QACH,CAAC,CAAC;oBA1C8B,MAAM;wBAElB,KAAK;qBACR,EAAE;4BACK,CAAC;;IAKzB,gBAAgB;QACd,IAAI,CAAC,WAAW,GAAG,mBAAmB,CAAC,SAAS,CAAC,CAAC,KAAK,EAAE,EAAE;;YACzD,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC;YAC/B,IAAI,CAAC,YAAY,GAAG,CAAA,MAAA,MAAA,MAAA,KAAK,CAAC,aAAa,0CAAE,IAAI,0CAAE,IAAI,0CAAE,MAAM,KAAI,CAAC,CAAC;QACnE,CAAC,CAAC,CAAC;IACL,CAAC;IAED,oBAAoB;QAClB,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;YACrB,IAAI,CAAC,WAAW,EAAE,CAAC;QACrB,CAAC;IACH,CAAC;IAwBD,MAAM;QACJ,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,YAAY,KAAK,CAAC,EAAE,CAAC;YAC3C,OAAO,IAAI,CAAC;QACd,CAAC;QAED,OAAO,CACL,cACE,KAAK,EAAE,kBAAkB,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,EACxD,OAAO,EAAE,IAAI,CAAC,YAAY,EAC1B,IAAI,EAAC,QAAQ;YAEb,WAAK,KAAK,EAAE,iBAAiB,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,GAAI,CACzD,CACV,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop, State } from '@stencil/core';\nimport { useSearchcraftStore } from '@provider/store';\n\n@Component({\n  tag: 'searchcraft-toggle-button',\n  styleUrl: 'searchcraft-toggle-button.module.scss',\n  shadow: true,\n})\nexport class SearchcraftToggleButton {\n  /**\n   * Type of the toggle - determines what it controls\n   * 'mode': toggles between 'fuzzy' and 'normal'\n   * 'sort': toggles between 'asc' and 'desc'\n   */\n  @Prop() type: 'mode' | 'sort' = 'mode';\n\n  @State() isActive = false;\n  @State() query = ''; // Track the query\n  @State() resultsCount = 0; // Track the count of search results\n\n  private unsubscribe: () => void;\n  private searchStore = useSearchcraftStore.getState();\n\n  componentDidLoad() {\n    this.unsubscribe = useSearchcraftStore.subscribe((state) => {\n      this.query = state.query || '';\n      this.resultsCount = state.searchResults?.data?.hits?.length || 0;\n    });\n  }\n\n  disconnectedCallback() {\n    if (this.unsubscribe) {\n      this.unsubscribe();\n    }\n  }\n\n  private handleToggle = async () => {\n    this.isActive = !this.isActive;\n\n    if (this.type === 'mode') {\n      const mode = this.isActive ? 'normal' : 'fuzzy';\n      this.searchStore.setSearchParams({\n        mode,\n      });\n    } else if (this.type === 'sort') {\n      const sort = this.isActive ? 'desc' : 'asc';\n      this.searchStore.setSearchParams({\n        sort,\n      });\n    }\n\n    try {\n      await this.searchStore.search();\n    } catch (error) {\n      console.error('Search failed:', error);\n    }\n  };\n\n  render() {\n    if (!this.query || this.resultsCount === 0) {\n      return null;\n    }\n\n    return (\n      <button\n        class={`toggle-wrapper ${this.isActive ? 'active' : ''}`}\n        onClick={this.handleToggle}\n        type='button'\n      >\n        <div class={`toggle-switch ${this.isActive ? 'active' : ''}`} />\n      </button>\n    );\n  }\n}\n"]}
+{"version":3,"file":"searchcraft-toggle-button.js","sourceRoot":"","sources":["../../../../src/components/searchcraft-toggle-button/searchcraft-toggle-button.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Prop, State } from '@stencil/core';\nimport classNames from 'classnames';\n\nimport { useSearchcraftStore } from '@provider/store';\n\n@Component({\n  tag: 'searchcraft-toggle-button',\n  styleUrl: 'searchcraft-toggle-button.module.scss',\n  shadow: false,\n})\nexport class SearchcraftToggleButton {\n  /**\n   * Type of the toggle - determines what it controls\n   * 'mode': toggles between 'fuzzy' and 'normal'\n   * 'sort': toggles between 'asc' and 'desc'\n   */\n  @Prop() type: 'mode' | 'sort' = 'mode';\n\n  @State() isActive = false;\n  @State() query = ''; // Track the query\n  @State() resultsCount = 0; // Track the count of search results\n\n  private autoSearchFormElement: HTMLElement | null = null;\n  private searchStore = useSearchcraftStore.getState();\n  private unsubscribe: () => void;\n\n  componentDidLoad() {\n    this.unsubscribe = useSearchcraftStore.subscribe((state) => {\n      this.query = state.query || '';\n      this.resultsCount = state.searchResults?.data?.hits?.length || 0;\n    });\n\n    this.autoSearchFormElement = document.querySelector(\n      'searchcraft-auto-search-form',\n    );\n    if (this.autoSearchFormElement) {\n      this.autoSearchFormElement.addEventListener(\n        'querySubmit',\n        this.handleSearchRequest,\n      );\n    }\n  }\n\n  disconnectedCallback() {\n    if (this.unsubscribe) {\n      this.unsubscribe();\n    }\n    if (this.autoSearchFormElement) {\n      this.autoSearchFormElement.addEventListener(\n        'querySubmit',\n        this.handleSearchRequest,\n      );\n    }\n  }\n\n  handleSearchRequest = () => {\n    this.isActive = false;\n    this.searchStore.setSearchParams({\n      mode: 'fuzzy',\n      sort: 'asc',\n    });\n  };\n\n  private handleToggle = async () => {\n    this.isActive = !this.isActive;\n\n    if (this.type === 'mode') {\n      const mode = this.isActive ? 'normal' : 'fuzzy';\n      this.searchStore.setSearchParams({\n        mode,\n      });\n    } else if (this.type === 'sort') {\n      const sort = this.isActive ? 'desc' : 'asc';\n      this.searchStore.setSearchParams({\n        sort,\n      });\n    }\n\n    try {\n      await this.searchStore.search();\n    } catch (error) {\n      console.error('Search failed:', error);\n    }\n  };\n\n  render() {\n    if (!this.query || this.resultsCount === 0) {\n      return null;\n    }\n    const toggleContainerStyle = `toggleWrapper ${this.isActive ? 'active' : ''}`;\n    const toggleSwitchStyle = `toggleSwitch ${this.isActive ? 'active' : ''}`;\n\n    return (\n      <button\n        class={classNames(\n          toggleContainerStyle,\n          'searchcraft-toggle-button-container',\n        )}\n        onClick={this.handleToggle}\n        type='button'\n      >\n        <div\n          class={classNames(toggleSwitchStyle, 'searchcraft-toggle-switch')}\n        />\n      </button>\n    );\n  }\n}\n"]}

package/dist/collection/components/searchcraft-toggle-button/searchcraft-toggle-button.module.css

@@ -1,5 +1,5 @@
-.toggle-wrapper {
-  background: #ddd;
+.toggleWrapper {
+  background: #D9D9D9;
   border: none;
   border-radius: 16px;
   box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.05);
@@ -10,13 +10,13 @@
   width: 44px;
 }
 
-.toggle-wrapper.active {
-  background: #007DB3;
+.toggleWrapper.active {
+  background: #000000;
   box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.05);
 }
 
-.toggle-wrapper .toggle-switch {
-  background: #fff;
+.toggleWrapper .toggleSwitch {
+  background: #FFFFFF;
   border-radius: 50%;
   height: 18px;
   left: 4px;
@@ -26,6 +26,6 @@
   width: 18px;
 }
 
-.toggle-wrapper .toggle-switch.active {
+.toggleWrapper .toggleSwitch.active {
   transform: translateX(16px);
 }

package/dist/collection/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAIH,OAAO,EACL,wBAAwB,EACxB,iBAAiB,EACjB,eAAe,EACf,eAAe,GAChB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC","sourcesContent":["/**\n * @fileoverview entry point for your component library\n *\n * This is the entry point for your component library. Use this file to export utilities,\n * constants or data structure that accompany your components.\n *\n * DO NOT use this file to export your components. Instead, use the recommended approaches\n * to consume components of this package as outlined in the `README.md`.\n */\n\nexport type * from './components';\n\nexport {\n  extractDynamicProperties,\n  parseCustomStyles,\n  parseSearchKeys,\n  serializeStyles,\n} from './utils/utils';\n\nexport { useSearchcraftStore, useThemeStore } from './provider/store';\n\nexport { Components } from './components';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAIH,OAAO,EACL,wBAAwB,EACxB,iBAAiB,EACjB,eAAe,EACf,eAAe,GAChB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC","sourcesContent":["/**\n * @fileoverview entry point for your component library\n *\n * This is the entry point for your component library. Use this file to export utilities,\n * constants or data structure that accompany your components.\n *\n * DO NOT use this file to export your components. Instead, use the recommended approaches\n * to consume components of this package as outlined in the `README.md`.\n */\n\nexport type * from './components';\n\nexport {\n  extractDynamicProperties,\n  parseCustomStyles,\n  parseSearchKeys,\n  serializeStyles,\n} from './utils/utils';\n\nexport { useSearchcraftStore, useThemeStore } from './provider/store';\n\nexport { Components } from './components';\n"]}

package/dist/collection/provider/store.js

@@ -28,6 +28,7 @@ const useSearchcraftStore = create((set, get) => {
         isRequesting: false,
         searchResults: null,
         facets: null,
+        getSearchcraftInstance: () => searchcraft,
         selectedFilters: [],
         searchParams: {
             mode: 'fuzzy',

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 CoreSDK as SearchcraftCore,\n  SDKDebugger,\n  LogLevel,\n  type SearchcraftResponse,\n  type Facets,\n} from '@searchcraft/core';\n\nimport { filterPaths } from '@utils/utils';\n\ninterface ThemeState {\n  theme: 'light' | 'dark';\n  toggleTheme: () => void;\n}\n\ninterface SearchParams {\n  mode: 'fuzzy' | 'normal';\n  sort: 'asc' | 'desc';\n  yearsRange?: [number, number];\n}\n\ninterface SearchcraftState {\n  facets: Facets | null;\n  initialize: (searchcraft: SearchcraftCore, debug?: boolean) => void;\n  isRequesting: boolean;\n  query: string;\n  search: () => Promise<void>;\n  searchParams: SearchParams;\n  searchResults: SearchcraftResponse | null;\n  selectedFilters: string[]; // Add this to store selected filters\n  setFacets: (facets: Facets) => void;\n  setIsRequesting: (isRequesting: boolean) => void;\n  setQuery: (query: string) => void;\n  setSearchParams: (params: Partial<SearchParams>) => void;\n  setSearchResults: (results: SearchcraftResponse | null) => void;\n  setSelectedFilters: (filters: string[]) => void; // Update selected filters\n  setYearsRange: (yearsRange: [number, number]) => void;\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    query: '',\n    isRequesting: false,\n    searchResults: null,\n    facets: null,\n    selectedFilters: [],\n    searchParams: {\n      mode: 'fuzzy',\n      sort: 'asc',\n    },\n    setQuery: (query) => set({ query }),\n    setSearchResults: (results) => set({ searchResults: results }),\n    setFacets: (facets) => set({ facets }),\n    setSelectedFilters: (filters) => set({ selectedFilters: filters }),\n    setIsRequesting: (isRequesting) => set({ isRequesting }),\n    setSearchParams: (params) =>\n      set((state) => ({\n        searchParams: {\n          ...state.searchParams,\n          ...params,\n        },\n      })),\n    setYearsRange: (yearsRange) =>\n      set((state) => ({\n        searchParams: {\n          ...state.searchParams,\n          yearsRange,\n        },\n      })),\n    search: async () => {\n      const {\n        query,\n        selectedFilters,\n        setIsRequesting,\n        setSearchResults,\n        setFacets,\n        searchParams,\n      } = get();\n      if (!searchcraft) {\n        throw new Error('Searchcraft instance is not initialized.');\n      }\n      setIsRequesting(true);\n      log(LogLevel.INFO, `Starting search with query: \"${query}\"`);\n      const filters = filterPaths(selectedFilters);\n      try {\n        const searchRequest = {\n          query,\n          mode: searchParams.mode,\n          sort: searchParams.sort,\n          facets:\n            selectedFilters.length > 0\n              ? {\n                  section: {\n                    counts: Object.fromEntries(\n                      filters.map((path) => [path, 1]),\n                    ),\n                  },\n                }\n              : null,\n          yearsRange: searchParams.yearsRange,\n        };\n\n        const results = await searchcraft.search(searchRequest);\n        setSearchResults(results);\n        const updatedFacets = results.data.facets || null;\n        setFacets(updatedFacets);\n\n        log(LogLevel.DEBUG, `Search results: ${JSON.stringify(results)}`);\n        log(LogLevel.DEBUG, `Updated facets: ${JSON.stringify(updatedFacets)}`);\n      } catch (error) {\n        console.error(`Search failed: ${(error as Error).message}`);\n        log(\n          LogLevel.ERROR,\n          `Search failed with error: ${(error as Error).message}`,\n        );\n      } finally {\n        setIsRequesting(false);\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":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAEjC,OAAO,EAEL,WAAW,EACX,QAAQ,GAGT,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAgC3C,sCAAsC;AACtC,MAAM,mBAAmB,GAAG,MAAM,CAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE;IAChE,IAAI,WAAW,GAA2B,IAAI,CAAC;IAC/C,IAAI,gBAAgB,GAAuB,IAAI,CAAC;IAEhD,MAAM,GAAG,GAAG,CAAC,KAAe,EAAE,OAAe,EAAE,EAAE;QAC/C,IAAI,gBAAgB,EAAE,CAAC;YACrB,QAAQ,KAAK,EAAE,CAAC;gBACd,KAAK,QAAQ,CAAC,KAAK;oBACjB,gBAAgB,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;oBAChC,MAAM;gBACR,KAAK,QAAQ,CAAC,IAAI;oBAChB,gBAAgB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;oBAC/B,MAAM;gBACR,KAAK,QAAQ,CAAC,IAAI;oBAChB,gBAAgB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;oBAC/B,MAAM;gBACR,KAAK,QAAQ,CAAC,KAAK;oBACjB,gBAAgB,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;oBAChC,MAAM;YACV,CAAC;QACH,CAAC;IACH,CAAC,CAAC;IAEF,OAAO;QACL,KAAK,EAAE,EAAE;QACT,YAAY,EAAE,KAAK;QACnB,aAAa,EAAE,IAAI;QACnB,MAAM,EAAE,IAAI;QACZ,sBAAsB,EAAE,GAAG,EAAE,CAAC,WAAW;QACzC,eAAe,EAAE,EAAE;QACnB,YAAY,EAAE;YACZ,IAAI,EAAE,OAAO;YACb,IAAI,EAAE,KAAK;SACZ;QACD,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC;QACnC,gBAAgB,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,GAAG,CAAC,EAAE,aAAa,EAAE,OAAO,EAAE,CAAC;QAC9D,SAAS,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,GAAG,CAAC,EAAE,MAAM,EAAE,CAAC;QACtC,kBAAkB,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,GAAG,CAAC,EAAE,eAAe,EAAE,OAAO,EAAE,CAAC;QAClE,eAAe,EAAE,CAAC,YAAY,EAAE,EAAE,CAAC,GAAG,CAAC,EAAE,YAAY,EAAE,CAAC;QACxD,eAAe,EAAE,CAAC,MAAM,EAAE,EAAE,CAC1B,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;YACd,YAAY,kCACP,KAAK,CAAC,YAAY,GAClB,MAAM,CACV;SACF,CAAC,CAAC;QACL,aAAa,EAAE,CAAC,UAAU,EAAE,EAAE,CAC5B,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;YACd,YAAY,kCACP,KAAK,CAAC,YAAY,KACrB,UAAU,GACX;SACF,CAAC,CAAC;QACL,MAAM,EAAE,KAAK,IAAI,EAAE;YACjB,MAAM,EACJ,KAAK,EACL,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,SAAS,EACT,YAAY,GACb,GAAG,GAAG,EAAE,CAAC;YACV,IAAI,CAAC,WAAW,EAAE,CAAC;gBACjB,MAAM,IAAI,KAAK,CAAC,0CAA0C,CAAC,CAAC;YAC9D,CAAC;YACD,eAAe,CAAC,IAAI,CAAC,CAAC;YACtB,GAAG,CAAC,QAAQ,CAAC,IAAI,EAAE,gCAAgC,KAAK,GAAG,CAAC,CAAC;YAC7D,MAAM,OAAO,GAAG,WAAW,CAAC,eAAe,CAAC,CAAC;YAC7C,IAAI,CAAC;gBACH,MAAM,aAAa,GAAG;oBACpB,KAAK;oBACL,IAAI,EAAE,YAAY,CAAC,IAAI;oBACvB,IAAI,EAAE,YAAY,CAAC,IAAI;oBACvB,MAAM,EACJ,eAAe,CAAC,MAAM,GAAG,CAAC;wBACxB,CAAC,CAAC;4BACE,OAAO,EAAE;gCACP,MAAM,EAAE,MAAM,CAAC,WAAW,CACxB,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CACjC;6BACF;yBACF;wBACH,CAAC,CAAC,IAAI;oBACV,UAAU,EAAE,YAAY,CAAC,UAAU;iBACpC,CAAC;gBAEF,MAAM,OAAO,GAAG,MAAM,WAAW,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;gBACxD,gBAAgB,CAAC,OAAO,CAAC,CAAC;gBAC1B,MAAM,aAAa,GAAG,OAAO,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC;gBAClD,SAAS,CAAC,aAAa,CAAC,CAAC;gBAEzB,GAAG,CAAC,QAAQ,CAAC,KAAK,EAAE,mBAAmB,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;gBAClE,GAAG,CAAC,QAAQ,CAAC,KAAK,EAAE,mBAAmB,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC;YAC1E,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBACf,OAAO,CAAC,KAAK,CAAC,kBAAmB,KAAe,CAAC,OAAO,EAAE,CAAC,CAAC;gBAC5D,GAAG,CACD,QAAQ,CAAC,KAAK,EACd,6BAA8B,KAAe,CAAC,OAAO,EAAE,CACxD,CAAC;YACJ,CAAC;oBAAS,CAAC;gBACT,eAAe,CAAC,KAAK,CAAC,CAAC;YACzB,CAAC;QACH,CAAC;QACD,UAAU,EAAE,CAAC,mBAAmB,EAAE,KAAK,GAAG,KAAK,EAAE,EAAE;YACjD,WAAW,GAAG,mBAAmB,CAAC;YAClC,gBAAgB,GAAG,KAAK;gBACtB,CAAC,CAAC,IAAI,WAAW,CAAC,EAAE,QAAQ,EAAE,QAAQ,CAAC,KAAK,EAAE,CAAC;gBAC/C,CAAC,CAAC,IAAI,CAAC;YAET,GAAG,CAAC,QAAQ,CAAC,IAAI,EAAE,gCAAgC,CAAC,CAAC;QACvD,CAAC;KACF,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,aAAa,GAAG,MAAM,CAAa,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;IACjD,KAAK,EAAE,OAAO;IACd,WAAW,EAAE,GAAG,EAAE,CAChB,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC;CAC1E,CAAC,CAAC,CAAC;AAEJ,OAAO,EAAE,mBAAmB,EAAE,aAAa,EAAE,CAAC","sourcesContent":["import { create } from 'zustand';\n\nimport {\n  type SearchcraftCore,\n  SDKDebugger,\n  LogLevel,\n  type SearchcraftResponse,\n  type Facets,\n} from '@searchcraft/core';\n\nimport { filterPaths } from '@utils/utils';\n\ninterface ThemeState {\n  theme: 'light' | 'dark';\n  toggleTheme: () => void;\n}\n\ninterface SearchParams {\n  mode: 'fuzzy' | 'normal';\n  sort: 'asc' | 'desc';\n  yearsRange?: [number, number];\n}\n\ninterface SearchcraftState {\n  facets: Facets | null;\n  getSearchcraftInstance: () => SearchcraftCore | null;\n  initialize: (searchcraft: SearchcraftCore, debug?: boolean) => void;\n  isRequesting: boolean;\n  query: string;\n  search: () => Promise<void>;\n  searchParams: SearchParams;\n  searchResults: SearchcraftResponse | null;\n  selectedFilters: string[]; // Add this to store selected filters\n  setFacets: (facets: Facets) => void;\n  setIsRequesting: (isRequesting: boolean) => void;\n  setQuery: (query: string) => void;\n  setSearchParams: (params: Partial<SearchParams>) => void;\n  setSearchResults: (results: SearchcraftResponse | null) => void;\n  setSelectedFilters: (filters: string[]) => void; // Update selected filters\n  setYearsRange: (yearsRange: [number, number]) => void;\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    query: '',\n    isRequesting: false,\n    searchResults: null,\n    facets: null,\n    getSearchcraftInstance: () => searchcraft,\n    selectedFilters: [],\n    searchParams: {\n      mode: 'fuzzy',\n      sort: 'asc',\n    },\n    setQuery: (query) => set({ query }),\n    setSearchResults: (results) => set({ searchResults: results }),\n    setFacets: (facets) => set({ facets }),\n    setSelectedFilters: (filters) => set({ selectedFilters: filters }),\n    setIsRequesting: (isRequesting) => set({ isRequesting }),\n    setSearchParams: (params) =>\n      set((state) => ({\n        searchParams: {\n          ...state.searchParams,\n          ...params,\n        },\n      })),\n    setYearsRange: (yearsRange) =>\n      set((state) => ({\n        searchParams: {\n          ...state.searchParams,\n          yearsRange,\n        },\n      })),\n    search: async () => {\n      const {\n        query,\n        selectedFilters,\n        setIsRequesting,\n        setSearchResults,\n        setFacets,\n        searchParams,\n      } = get();\n      if (!searchcraft) {\n        throw new Error('Searchcraft instance is not initialized.');\n      }\n      setIsRequesting(true);\n      log(LogLevel.INFO, `Starting search with query: \"${query}\"`);\n      const filters = filterPaths(selectedFilters);\n      try {\n        const searchRequest = {\n          query,\n          mode: searchParams.mode,\n          sort: searchParams.sort,\n          facets:\n            selectedFilters.length > 0\n              ? {\n                  section: {\n                    counts: Object.fromEntries(\n                      filters.map((path) => [path, 1]),\n                    ),\n                  },\n                }\n              : null,\n          yearsRange: searchParams.yearsRange,\n        };\n\n        const results = await searchcraft.search(searchRequest);\n        setSearchResults(results);\n        const updatedFacets = results.data.facets || null;\n        setFacets(updatedFacets);\n\n        log(LogLevel.DEBUG, `Search results: ${JSON.stringify(results)}`);\n        log(LogLevel.DEBUG, `Updated facets: ${JSON.stringify(updatedFacets)}`);\n      } catch (error) {\n        console.error(`Search failed: ${(error as Error).message}`);\n        log(\n          LogLevel.ERROR,\n          `Search failed with error: ${(error as Error).message}`,\n        );\n      } finally {\n        setIsRequesting(false);\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/utils.js

@@ -82,4 +82,7 @@ export function filterPaths(paths) {
         return !paths.some((otherPath) => otherPath.startsWith(`${path}/`) && otherPath !== path);
     });
 }
+export function formatNumberWithCommas(number) {
+    return number.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
+}
 //# sourceMappingURL=utils.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/utils/utils.ts"],"names":[],"mappings":"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","sourcesContent":["export function parseCustomStyles(\n  styles: string | Record<string, string>,\n): Record<string, string> {\n  if (typeof styles === 'string') {\n    try {\n      return JSON.parse(styles);\n    } catch (error) {\n      console.error('Invalid customStyles format:', styles);\n      return {};\n    }\n  }\n  return styles || {};\n}\n\nexport function parseSearchKeys(\n  documentAttributesForDisplay: string,\n): string[] {\n  try {\n    const parsedKeys = JSON.parse(documentAttributesForDisplay);\n    if (\n      Array.isArray(parsedKeys) &&\n      parsedKeys.every((key) => typeof key === 'string')\n    ) {\n      return parsedKeys;\n    }\n    console.warn(\n      'searchKeys must be a JSON array of strings. Defaulting to an empty array.',\n    );\n    return [];\n  } catch (error) {\n    console.error('Failed to parse searchKeys:', error);\n    return [];\n  }\n}\n\nexport function extractDynamicProperties(\n  document: Record<string, string | number>,\n  keys: string[],\n) {\n  const extractedProperties: Record<string, string | number> = {};\n  keys.forEach((key) => {\n    extractedProperties[key] = document[key] || '';\n  });\n  return extractedProperties;\n}\n\nexport function serializeStyles(\n  styles: Record<string, Record<string, string>>,\n): string {\n  try {\n    return JSON.stringify(styles);\n  } catch (error) {\n    console.error('Error serializing styles:', error);\n    return '{}';\n  }\n}\n\nexport function getFormattedTimeFromNow(timestamp: string): string {\n  const now = new Date();\n  const inputTime = new Date(timestamp);\n  const diffInSeconds = Math.floor(\n    (now.getTime() - inputTime.getTime()) / 1000,\n  );\n\n  const minutes = Math.floor(diffInSeconds / 60);\n  const hours = Math.floor(minutes / 60);\n  const days = Math.floor(hours / 24);\n  const years = Math.floor(days / 365);\n\n  if (minutes < 60) {\n    return `${minutes}m ago`;\n  }\n  if (hours < 24) {\n    return `${hours}h ago`;\n  }\n  if (days < 365) {\n    return `${days}d ago`;\n  }\n  return `${years}y ago`;\n}\n\ntype Section = {\n  count: number;\n  path: string;\n  children: Section[];\n};\n\ntype FacetCheckbox = {\n  count: number;\n  // biome-ignore lint/suspicious/noExplicitAny: <explanation>\n  children: any[];\n  label: string;\n  value: string;\n};\n\nexport function flattenFacets(sections: Section[]): FacetCheckbox[] {\n  return sections.map((section) => {\n    const fullPath = section.path;\n\n    // Create the FacetCheckbox object\n    const facetCheckbox: FacetCheckbox = {\n      label: fullPath.replace(/^\\//, ''), // Format the label without leading slash\n      value: fullPath, // The full path as the value\n      count: section.count, // Count from the Section\n      children: flattenFacets(section.children || []), // Recursively flatten children\n    };\n\n    return facetCheckbox;\n  });\n}\n\nexport function filterPaths(paths) {\n  return paths.filter((path) => {\n    const parts = path.split('/').filter(Boolean);\n\n    if (parts.length > 1) {\n      return true;\n    }\n\n    return !paths.some(\n      (otherPath) => otherPath.startsWith(`${path}/`) && otherPath !== path,\n    );\n  });\n}\n"]}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/utils/utils.ts"],"names":[],"mappings":"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","sourcesContent":["export function parseCustomStyles(\n  styles: string | Record<string, string>,\n): Record<string, string> {\n  if (typeof styles === 'string') {\n    try {\n      return JSON.parse(styles);\n    } catch (error) {\n      console.error('Invalid customStyles format:', styles);\n      return {};\n    }\n  }\n  return styles || {};\n}\n\nexport function parseSearchKeys(\n  documentAttributesForDisplay: string,\n): string[] {\n  try {\n    const parsedKeys = JSON.parse(documentAttributesForDisplay);\n    if (\n      Array.isArray(parsedKeys) &&\n      parsedKeys.every((key) => typeof key === 'string')\n    ) {\n      return parsedKeys;\n    }\n    console.warn(\n      'searchKeys must be a JSON array of strings. Defaulting to an empty array.',\n    );\n    return [];\n  } catch (error) {\n    console.error('Failed to parse searchKeys:', error);\n    return [];\n  }\n}\n\nexport function extractDynamicProperties(\n  document: Record<string, string | number>,\n  keys: string[],\n) {\n  const extractedProperties: Record<string, string | number> = {};\n  keys.forEach((key) => {\n    extractedProperties[key] = document[key] || '';\n  });\n  return extractedProperties;\n}\n\nexport function serializeStyles(\n  styles: Record<string, Record<string, string>>,\n): string {\n  try {\n    return JSON.stringify(styles);\n  } catch (error) {\n    console.error('Error serializing styles:', error);\n    return '{}';\n  }\n}\n\nexport function getFormattedTimeFromNow(timestamp: string): string {\n  const now = new Date();\n  const inputTime = new Date(timestamp);\n  const diffInSeconds = Math.floor(\n    (now.getTime() - inputTime.getTime()) / 1000,\n  );\n\n  const minutes = Math.floor(diffInSeconds / 60);\n  const hours = Math.floor(minutes / 60);\n  const days = Math.floor(hours / 24);\n  const years = Math.floor(days / 365);\n\n  if (minutes < 60) {\n    return `${minutes}m ago`;\n  }\n  if (hours < 24) {\n    return `${hours}h ago`;\n  }\n  if (days < 365) {\n    return `${days}d ago`;\n  }\n  return `${years}y ago`;\n}\n\ntype Section = {\n  count: number;\n  path: string;\n  children: Section[];\n};\n\ntype FacetCheckbox = {\n  count: number;\n  // biome-ignore lint/suspicious/noExplicitAny: <explanation>\n  children: any[];\n  label: string;\n  value: string;\n};\n\nexport function flattenFacets(sections: Section[]): FacetCheckbox[] {\n  return sections.map((section) => {\n    const fullPath = section.path;\n\n    // Create the FacetCheckbox object\n    const facetCheckbox: FacetCheckbox = {\n      label: fullPath.replace(/^\\//, ''), // Format the label without leading slash\n      value: fullPath, // The full path as the value\n      count: section.count, // Count from the Section\n      children: flattenFacets(section.children || []), // Recursively flatten children\n    };\n\n    return facetCheckbox;\n  });\n}\n\nexport function filterPaths(paths) {\n  return paths.filter((path) => {\n    const parts = path.split('/').filter(Boolean);\n\n    if (parts.length > 1) {\n      return true;\n    }\n\n    return !paths.some(\n      (otherPath) => otherPath.startsWith(`${path}/`) && otherPath !== path,\n    );\n  });\n}\n\nexport function formatNumberWithCommas(number) {\n  return number.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, ',');\n}\n"]}

package/dist/components/index.js

@@ -20,9 +20,9 @@ import { SearchcraftSlider } from './searchcraft-slider.js';
 import { SearchcraftSpinnerDark } from './searchcraft-spinner-dark.js';
 import { SearchcraftSpinnerLight } from './searchcraft-spinner-light.js';
 import { SearchcraftToggleButton } from './searchcraft-toggle-button.js';
-export { g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-7498e493.js';
-export { e as extractDynamicProperties, p as parseCustomStyles, a as parseSearchKeys, s as serializeStyles } from './p-7d1bcd2d.js';
-export { u as useSearchcraftStore, a as useThemeStore } from './p-ff049f0a.js';
+export { g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-6b353c3e.js';
+export { e as extractDynamicProperties, p as parseCustomStyles, a as parseSearchKeys, s as serializeStyles } from './p-62c40862.js';
+export { u as useSearchcraftStore, a as useThemeStore } from './p-727bfc38.js';
 
 const defineCustomElements = (opts) => {
     if (typeof customElements !== 'undefined') {

package/dist/components/{p-8c38185e.js → p-4f939ba2.js}

@@ -1,14 +1,14 @@
-import { p as proxyCustomElement, H, h } from './p-7498e493.js';
-import { d as defineCustomElement$1 } from './p-a3bd1bc8.js';
+import { p as proxyCustomElement, H, h } from './p-6b353c3e.js';
+import { c as classNames } from './p-5cdc6210.js';
+import { d as defineCustomElement$1 } from './p-5a872bdf.js';
 
-const searchcraftInputIconModuleCss = ":root{--font-stack:Helvetica, Arial, sans-serif}.inputIconLTR{left:15px;position:absolute;top:50%;transform:translateY(-50%)}.inputIconRTL{position:absolute;right:15px;top:50%;transform:translateY(-50%)}";
+const searchcraftInputIconModuleCss = ":root{--font-stack:Helvetica, Arial, sans-serif}.inputIconLTR{left:15px;position:absolute;top:52%;transform:translateY(-50%)}.inputIconRTL{position:absolute;right:15px;top:52%;transform:translateY(-50%)}";
 const SearchcraftInputIconStyle0 = searchcraftInputIconModuleCss;
 
 const SearchcraftInputIcon = /*@__PURE__*/ proxyCustomElement(class SearchcraftInputIcon extends H {
     constructor() {
         super();
         this.__registerHost();
-        this.__attachShadow();
         this.error = undefined;
         this.height = 20;
         this.rightToLeftOrientation = false;
@@ -19,10 +19,10 @@ const SearchcraftInputIcon = /*@__PURE__*/ proxyCustomElement(class SearchcraftI
         return this.theme === 'light';
     }
     render() {
-        return this.error ? (h("div", { class: this.rightToLeftOrientation ? 'inputIconRTL' : 'inputIconLTR' }, this.isLightTheme() ? (h("searchcraft-search-icon-set", { height: this.height, type: 'error-light', width: this.width })) : (h("searchcraft-search-icon-set", { height: this.height, type: 'error-dark', width: this.width })))) : (h("div", { class: this.rightToLeftOrientation ? 'inputIconRTL' : 'inputIconLTR' }, this.isLightTheme() ? (h("searchcraft-search-icon-set", { height: this.height, type: 'search-light', width: this.width })) : (h("searchcraft-search-icon-set", { height: this.height, type: 'search-dark', width: this.width }))));
+        return this.error ? (h("div", { class: classNames(this.rightToLeftOrientation ? 'inputIconRTL' : 'inputIconLTR', 'searchcraft-input-icon-container') }, this.isLightTheme() ? (h("searchcraft-search-icon-set", { height: this.height, type: 'error-light', width: this.width })) : (h("searchcraft-search-icon-set", { height: this.height, type: 'error-dark', width: this.width })))) : (h("div", { class: classNames(this.rightToLeftOrientation ? 'inputIconRTL' : 'inputIconLTR', 'searchcraft-input-icon-container') }, this.isLightTheme() ? (h("searchcraft-search-icon-set", { height: this.height, type: 'search-light', width: this.width })) : (h("searchcraft-search-icon-set", { height: this.height, type: 'search-dark', width: this.width }))));
     }
     static get style() { return SearchcraftInputIconStyle0; }
-}, [1, "searchcraft-input-icon", {
+}, [0, "searchcraft-input-icon", {
         "error": [4],
         "height": [2],
         "rightToLeftOrientation": [4, "right-to-left-orientation"],
@@ -50,4 +50,4 @@ function defineCustomElement() {
 
 export { SearchcraftInputIcon as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-8c38185e.js.map
+//# sourceMappingURL=p-4f939ba2.js.map

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

@@ -0,0 +1 @@
+{"file":"p-4f939ba2.js","mappings":";;;;AAAA,MAAM,6BAA6B,GAAG,6MAA6M,CAAC;AACpP,mCAAe,6BAA6B;;MCO/B,oBAAoB;;;;;sBAEd,EAAE;sCACc,KAAK;qBACtB,EAAE;qBAED,OAAO;;IAEhB,YAAY;QAClB,OAAO,IAAI,CAAC,KAAK,KAAK,OAAO,CAAC;KAC/B;IAED,MAAM;QACJ,OAAO,IAAI,CAAC,KAAK,IACf,WACE,KAAK,EAAE,UAAU,CACf,IAAI,CAAC,sBAAsB,GAAG,cAAc,GAAG,cAAc,EAC7D,kCAAkC,CACnC,IAEA,IAAI,CAAC,YAAY,EAAE,IAClB,mCACE,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,IAAI,EAAC,aAAa,EAClB,KAAK,EAAE,IAAI,CAAC,KAAK,GACjB,KAEF,mCACE,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,IAAI,EAAC,YAAY,EACjB,KAAK,EAAE,IAAI,CAAC,KAAK,GACjB,CACH,CACG,KAEN,WACE,KAAK,EAAE,UAAU,CACf,IAAI,CAAC,sBAAsB,GAAG,cAAc,GAAG,cAAc,EAC7D,kCAAkC,CACnC,IAEA,IAAI,CAAC,YAAY,EAAE,IAClB,mCACE,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,IAAI,EAAC,cAAc,EACnB,KAAK,EAAE,IAAI,CAAC,KAAK,GACjB,KAEF,mCACE,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,IAAI,EAAC,aAAa,EAClB,KAAK,EAAE,IAAI,CAAC,KAAK,GACjB,CACH,CACG,CACP,CAAC;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/searchcraft-input-icon/searchcraft-input-icon.module.scss?tag=searchcraft-input-icon","src/components/searchcraft-input-icon/searchcraft-input-icon.tsx"],"sourcesContent":[":root {\n  --font-stack: Helvetica, Arial, sans-serif;\n}\n\n.inputIconLTR {\n  left: 15px;\n  position: absolute;\n  top: 52%;\n  transform: translateY(-50%);\n}\n\n.inputIconRTL {\n  position: absolute;\n  right: 15px;\n  top: 52%;\n  transform: translateY(-50%);\n}","import { Component, Prop, h, State } from '@stencil/core';\nimport classNames from 'classnames';\n\n@Component({\n  tag: 'searchcraft-input-icon',\n  styleUrl: 'searchcraft-input-icon.module.scss',\n  shadow: false,\n})\nexport class SearchcraftInputIcon {\n  @Prop() error?: boolean;\n  @Prop() height = 20;\n  @Prop() rightToLeftOrientation = false;\n  @Prop() width = 20;\n\n  @State() theme = 'light';\n\n  private isLightTheme() {\n    return this.theme === 'light';\n  }\n\n  render() {\n    return this.error ? (\n      <div\n        class={classNames(\n          this.rightToLeftOrientation ? 'inputIconRTL' : 'inputIconLTR',\n          'searchcraft-input-icon-container',\n        )}\n      >\n        {this.isLightTheme() ? (\n          <searchcraft-search-icon-set\n            height={this.height}\n            type='error-light'\n            width={this.width}\n          />\n        ) : (\n          <searchcraft-search-icon-set\n            height={this.height}\n            type='error-dark'\n            width={this.width}\n          />\n        )}\n      </div>\n    ) : (\n      <div\n        class={classNames(\n          this.rightToLeftOrientation ? 'inputIconRTL' : 'inputIconLTR',\n          'searchcraft-input-icon-container',\n        )}\n      >\n        {this.isLightTheme() ? (\n          <searchcraft-search-icon-set\n            height={this.height}\n            type='search-light'\n            width={this.width}\n          />\n        ) : (\n          <searchcraft-search-icon-set\n            height={this.height}\n            type='search-dark'\n            width={this.width}\n          />\n        )}\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-498c7ef9.js → p-5015a359.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h } from './p-7498e493.js';
+import { p as proxyCustomElement, H, h } from './p-6b353c3e.js';
 import { c as classNames } from './p-5cdc6210.js';
 
 const searchcraftErrorMessageModuleCss = ":root{--font-stack:Helvetica, Arial, sans-serif}.errorMessageLight{font-family:var(--font-stack);font-size:12px;font-weight:400;line-height:16px;margin-top:4px;color:#990000}.errorMessageDark{font-family:var(--font-stack);font-size:12px;font-weight:400;line-height:16px;margin-top:4px;color:#FFB3B3}";
@@ -8,16 +8,15 @@ const SearchcraftErrorMessage = /*@__PURE__*/ proxyCustomElement(class Searchcra
     constructor() {
         super();
         this.__registerHost();
-        this.__attachShadow();
         this.errorMessage = undefined;
         this.theme = 'light';
     }
     render() {
         const errorMessageStyle = this.theme === 'light' ? 'errorMessageLight' : 'errorMessageDark';
-        return (h("p", { key: '7c26f9a1b2589d57a81f7909c456e712d9b7fe79', class: classNames(errorMessageStyle) }, this.errorMessage || 'Search term is required.'));
+        return (h("p", { key: '877438178c5fe951ff4cd184de7130e4e46739a1', class: classNames(errorMessageStyle, 'searchcraft-error-message') }, this.errorMessage || 'Search term is required.'));
     }
     static get style() { return SearchcraftErrorMessageStyle0; }
-}, [1, "searchcraft-error-message", {
+}, [0, "searchcraft-error-message", {
         "errorMessage": [1, "error-message"],
         "theme": [1]
     }]);
@@ -37,4 +36,4 @@ function defineCustomElement() {
 
 export { SearchcraftErrorMessage as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-498c7ef9.js.map
+//# sourceMappingURL=p-5015a359.js.map

package/dist/components/p-5015a359.js.map

@@ -0,0 +1 @@
+{"file":"p-5015a359.js","mappings":";;;AAAA,MAAM,gCAAgC,GAAG,6SAA6S,CAAC;AACvV,sCAAe,gCAAgC;;MCOlC,uBAAuB;;;;;qBAEA,OAAO;;IAEzC,MAAM;QACJ,MAAM,iBAAiB,GACrB,IAAI,CAAC,KAAK,KAAK,OAAO,GAAG,mBAAmB,GAAG,kBAAkB,CAAC;QAEpE,QACE,0DAAG,KAAK,EAAE,UAAU,CAAC,iBAAiB,EAAE,2BAA2B,CAAC,IACjE,IAAI,CAAC,YAAY,IAAI,0BAA0B,CAC9C,EACJ;KACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/searchcraft-error-message/searchcraft-error-message.module.scss?tag=searchcraft-error-message","src/components/searchcraft-error-message/searchcraft-error-message.tsx"],"sourcesContent":["@import '../../utils/theme';\n\n:root {\n  --font-stack: Helvetica, Arial, sans-serif;\n}\n\n@mixin error-message-base {\n  font-family: var(--font-stack);\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 16px;\n  margin-top: 4px;\n}\n\n.errorMessageLight {\n  @include error-message-base;\n  color: $content-danger;\n}\n\n.errorMessageDark {\n  @include error-message-base;\n  color: $surface-danger-secondary-active;\n}","import { Component, Prop, h } from '@stencil/core';\nimport classNames from 'classnames';\n\n@Component({\n  tag: 'searchcraft-error-message',\n  styleUrl: 'searchcraft-error-message.module.scss',\n  shadow: false,\n})\nexport class SearchcraftErrorMessage {\n  @Prop() errorMessage?: string;\n  @Prop() theme: 'light' | 'dark' = 'light';\n\n  render() {\n    const errorMessageStyle =\n      this.theme === 'light' ? 'errorMessageLight' : 'errorMessageDark';\n\n    return (\n      <p class={classNames(errorMessageStyle, 'searchcraft-error-message')}>\n        {this.errorMessage || 'Search term is required.'}\n      </p>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-dd2a4022.js → p-54848b4d.js}

@@ -1,25 +1,39 @@
-import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment } from './p-7498e493.js';
+import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment } from './p-6b353c3e.js';
 import { c as classNames } from './p-5cdc6210.js';
-import { p as parseCustomStyles } from './p-7d1bcd2d.js';
-import { d as defineCustomElement$7 } from './p-70722ab2.js';
-import { d as defineCustomElement$6 } from './p-07edaa9b.js';
-import { d as defineCustomElement$5 } from './p-6237f03e.js';
-import { d as defineCustomElement$4 } from './p-8c38185e.js';
-import { d as defineCustomElement$3 } from './p-a3bd1bc8.js';
-import { d as defineCustomElement$2 } from './p-bc3f9025.js';
-import { d as defineCustomElement$1 } from './p-bfb22305.js';
+import { p as parseCustomStyles } from './p-62c40862.js';
+import { d as defineCustomElement$5 } from './p-62e6b69c.js';
+import { d as defineCustomElement$4 } from './p-8524c749.js';
+import { d as defineCustomElement$3 } from './p-69ee3b9a.js';
+import { d as defineCustomElement$2 } from './p-4f939ba2.js';
+import { d as defineCustomElement$1 } from './p-5a872bdf.js';
 
-const searchcraftInputModuleCss = ":root{--font-stack:Helvetica, Arial, sans-serif}.inputContainerLTR{position:relative;width:100%}.inputContainerRTL{position:relative;width:100%;margin-left:8px}.inputLightLTR{border:none;border-radius:8px;font-family:var(--font-stack);outline:none;padding-bottom:15px;padding-top:15px;width:100%;background-color:#EDEDED;color:#292929;margin-right:8px;padding-left:36px;padding-right:16px}.inputLightLTR::placeholder{font-family:var(--font-stack);font-size:16px}.inputLightLTR::placeholder{color:#737373}.inputLightLTR:focus{outline:2px solid #000}.inputDarkLTR{border:none;border-radius:8px;font-family:var(--font-stack);outline:none;padding-bottom:15px;padding-top:15px;width:100%;background-color:#1A1A1A;color:#FFF;margin-right:8px;padding-left:36px;padding-right:16px}.inputDarkLTR::placeholder{font-family:var(--font-stack);font-size:16px}.inputDarkLTR::placeholder{color:#BFBFBF}.inputDarkLTR:focus{outline:2px solid #FFF}.inputErrorLightLTR{border:none;border-radius:8px;font-family:var(--font-stack);outline:none;padding-bottom:15px;padding-top:15px;width:100%;background-color:#EDEDED;color:#292929;outline:2px solid #c00;margin-right:8px;padding-left:36px;padding-right:16px}.inputErrorLightLTR::placeholder{font-family:var(--font-stack);font-size:16px}.inputErrorLightLTR::placeholder{color:#737373}.inputErrorLightLTR:focus{outline:2px solid #000}.inputErrorLightLTR:focus-visible{outline:2px solid #c00}.inputErrorDarkLTR{border:none;border-radius:8px;font-family:var(--font-stack);outline:none;padding-bottom:15px;padding-top:15px;width:100%;background-color:#1A1A1A;color:#FFF;outline:2px solid #FFB3B3;margin-right:8px;padding-left:36px;padding-right:16px}.inputErrorDarkLTR::placeholder{font-family:var(--font-stack);font-size:16px}.inputErrorDarkLTR::placeholder{color:#BFBFBF}.inputErrorDarkLTR:focus{outline:2px solid #FFF}.inputErrorDarkLTR:focus-visible{outline:2px solid #FFB3B3}.inputLightRTL{border:none;border-radius:8px;font-family:var(--font-stack);outline:none;padding-bottom:15px;padding-top:15px;width:100%;background-color:#EDEDED;color:#292929;margin-left:8px;padding-left:16px;padding-right:36px;text-align:right}.inputLightRTL::placeholder{font-family:var(--font-stack);font-size:16px}.inputLightRTL::placeholder{color:#737373}.inputLightRTL:focus{outline:2px solid #000}.inputDarkRTL{border:none;border-radius:8px;font-family:var(--font-stack);outline:none;padding-bottom:15px;padding-top:15px;width:100%;background-color:#1A1A1A;color:#FFF;margin-left:8px;padding-left:16px;padding-right:36px;text-align:right}.inputDarkRTL::placeholder{font-family:var(--font-stack);font-size:16px}.inputDarkRTL::placeholder{color:#BFBFBF}.inputDarkRTL:focus{outline:2px solid #FFF}.inputErrorLightRTL{border:none;border-radius:8px;font-family:var(--font-stack);outline:none;padding-bottom:15px;padding-top:15px;width:100%;background-color:#EDEDED;color:#292929;outline:2px solid #c00;margin-left:8px;padding-left:16px;padding-right:36px;text-align:right}.inputErrorLightRTL::placeholder{font-family:var(--font-stack);font-size:16px}.inputErrorLightRTL::placeholder{color:#737373}.inputErrorLightRTL:focus{outline:2px solid #000}.inputErrorLightRTL:focus-visible{outline:2px solid #c00}.inputErrorDarkRTL{border:none;border-radius:8px;font-family:var(--font-stack);outline:none;padding-bottom:15px;padding-top:15px;width:100%;background-color:#1A1A1A;color:#FFF;outline:2px solid #FFB3B3;margin-left:8px;padding-left:16px;padding-right:36px;text-align:right}.inputErrorDarkRTL::placeholder{font-family:var(--font-stack);font-size:16px}.inputErrorDarkRTL::placeholder{color:#BFBFBF}.inputErrorDarkRTL:focus{outline:2px solid #FFF}.inputErrorDarkRTL:focus-visible{outline:2px solid #FFB3B3}.inputWrapper{align-items:center;display:flex;position:relative;width:100%}";
+const searchcraftInputModuleCss = ":root{--font-stack:Helvetica, Arial, sans-serif}.inputContainerLTR{position:relative;width:100%}.inputContainerRTL{position:relative;width:100%;margin-left:8px}.inputLightLTR{border:none;border-radius:8px;font-family:var(--font-stack);outline:none;padding-bottom:15px;padding-top:15px;background-color:#F3F3F3;color:#292929;margin-right:8px;padding-left:36px;padding-right:16px}.inputLightLTR::placeholder{font-family:var(--font-stack);font-size:16px;font-weight:400}.inputLightLTR::placeholder{color:#737373}.inputLightLTR:focus{outline:2px solid #000000}.inputDarkLTR{border:none;border-radius:8px;font-family:var(--font-stack);outline:none;padding-bottom:15px;padding-top:15px;background-color:#1A1A1A;color:#FFFFFF;margin-right:8px;padding-left:36px;padding-right:16px}.inputDarkLTR::placeholder{font-family:var(--font-stack);font-size:16px;font-weight:400}.inputDarkLTR::placeholder{color:#BFBFBF}.inputDarkLTR:focus{outline:2px solid #FFFFFF}.inputErrorLightLTR{border:none;border-radius:8px;font-family:var(--font-stack);outline:none;padding-bottom:15px;padding-top:15px;background-color:#F3F3F3;color:#292929;outline:2px solid #CC0000;margin-right:8px;padding-left:36px;padding-right:16px}.inputErrorLightLTR::placeholder{font-family:var(--font-stack);font-size:16px;font-weight:400}.inputErrorLightLTR::placeholder{color:#737373}.inputErrorLightLTR:focus{outline:2px solid #000000}.inputErrorLightLTR:focus-visible{outline:2px solid #CC0000}.inputErrorDarkLTR{border:none;border-radius:8px;font-family:var(--font-stack);outline:none;padding-bottom:15px;padding-top:15px;background-color:#1A1A1A;color:#FFFFFF;outline:2px solid #FFB3B3;margin-right:8px;padding-left:36px;padding-right:16px}.inputErrorDarkLTR::placeholder{font-family:var(--font-stack);font-size:16px;font-weight:400}.inputErrorDarkLTR::placeholder{color:#BFBFBF}.inputErrorDarkLTR:focus{outline:2px solid #FFFFFF}.inputErrorDarkLTR:focus-visible{outline:2px solid #FFB3B3}.inputLightRTL{border:none;border-radius:8px;font-family:var(--font-stack);outline:none;padding-bottom:15px;padding-top:15px;background-color:#F3F3F3;color:#292929;margin-left:8px;padding-left:16px;padding-right:36px;text-align:right}.inputLightRTL::placeholder{font-family:var(--font-stack);font-size:16px;font-weight:400}.inputLightRTL::placeholder{color:#737373}.inputLightRTL:focus{outline:2px solid #000000}.inputDarkRTL{border:none;border-radius:8px;font-family:var(--font-stack);outline:none;padding-bottom:15px;padding-top:15px;background-color:#1A1A1A;color:#FFFFFF;margin-left:8px;padding-left:16px;padding-right:36px;text-align:right}.inputDarkRTL::placeholder{font-family:var(--font-stack);font-size:16px;font-weight:400}.inputDarkRTL::placeholder{color:#BFBFBF}.inputDarkRTL:focus{outline:2px solid #FFFFFF}.inputErrorLightRTL{border:none;border-radius:8px;font-family:var(--font-stack);outline:none;padding-bottom:15px;padding-top:15px;background-color:#F3F3F3;color:#292929;outline:2px solid #CC0000;margin-left:8px;padding-left:16px;padding-right:36px;text-align:right}.inputErrorLightRTL::placeholder{font-family:var(--font-stack);font-size:16px;font-weight:400}.inputErrorLightRTL::placeholder{color:#737373}.inputErrorLightRTL:focus{outline:2px solid #000000}.inputErrorLightRTL:focus-visible{outline:2px solid #CC0000}.inputErrorDarkRTL{border:none;border-radius:8px;font-family:var(--font-stack);outline:none;padding-bottom:15px;padding-top:15px;background-color:#1A1A1A;color:#FFFFFF;outline:2px solid #FFB3B3;margin-left:8px;padding-left:16px;padding-right:36px;text-align:right}.inputErrorDarkRTL::placeholder{font-family:var(--font-stack);font-size:16px;font-weight:400}.inputErrorDarkRTL::placeholder{color:#BFBFBF}.inputErrorDarkRTL:focus{outline:2px solid #FFFFFF}.inputErrorDarkRTL:focus-visible{outline:2px solid #FFB3B3}.inputWrapper{align-items:center;display:flex;position:relative;width:100%}";
 const SearchcraftInputStyle0 = searchcraftInputModuleCss;
 
 const SearchcraftInput = /*@__PURE__*/ proxyCustomElement(class SearchcraftInput extends H {
     constructor() {
         super();
         this.__registerHost();
-        this.__attachShadow();
         this.clearInput = createEvent(this, "clearInput", 7);
         this.searchInputChange = createEvent(this, "searchInputChange", 7);
         this.inputKeyUp = createEvent(this, "inputKeyUp", 7);
+        this.handleInputChange = (event) => {
+            const input = event.target;
+            this.searchInputChange.emit(input.value);
+        };
+        this.handleInputKeyUp = (event) => {
+            const input = event.target;
+            this.inputKeyUp.emit(input.value);
+        };
+        this.handleClearInput = () => {
+            if (this.query === '') {
+                return;
+            }
+            this.query = '';
+            if (this.clearInput) {
+                this.clearInput.emit();
+            }
+        };
         this.customStyles = {};
         this.error = false;
         this.formClassName = '';
@@ -37,35 +51,22 @@ const SearchcraftInput = /*@__PURE__*/ proxyCustomElement(class SearchcraftInput
     get isLightTheme() {
         return this.theme === 'light';
     }
-    handleInputChange(event) {
-        const input = event.target;
-        this.searchInputChange.emit(input.value);
-    }
-    handleInputKeyUp(event) {
-        const input = event.target;
-        this.inputKeyUp.emit(input.value);
-    }
-    handleClearInput() {
-        if (this.clearInput) {
-            this.clearInput.emit();
-        }
-    }
     render() {
         const containerClassName = this.rightToLeftOrientation
             ? 'inputContainerRTL'
             : 'inputContainerLTR';
-        const inputClassName = classNames(this.error
+        const inputClassName = this.error
             ? this.isLightTheme
                 ? 'inputErrorLightRTL'
                 : 'inputErrorDarkRTL'
             : this.isLightTheme
                 ? 'inputLightLTR'
-                : 'inputDarkLTR', 'searchcraft-input');
+                : 'inputDarkLTR';
         const validatedCustomStyles = parseCustomStyles(this.customStyles);
         const placeholderStyle = {
             fontSize: validatedCustomStyles.placeholderFontSize || '16px',
         };
-        return (h("div", { key: '0eea589d7f78b4ae830b1950ab193f9c72797625', class: classNames(containerClassName, this.formClassName, 'searchcraft-input-form') }, this.rightToLeftOrientation ? (h(Fragment, null, h("input", { autoComplete: 'off', class: classNames(inputClassName, 'searchcraft-input'), id: 'searchcraft-input-id', onChange: this.handleInputChange.bind(this), onKeyUp: this.handleInputKeyUp.bind(this), placeholder: this.placeholderValue, type: 'text', value: this.query, style: validatedCustomStyles }), h("style", null, `
+        return (h("div", { key: '931c969802f73f4fa4d44ea591b506e5d1f9caf1', class: classNames(containerClassName, this.formClassName, 'searchcraft-input-form') }, this.rightToLeftOrientation ? (h(Fragment, null, h("input", { autoComplete: 'off', class: classNames(inputClassName, 'searchcraft-input'), id: 'searchcraft-input-id', onChange: this.handleInputChange.bind(this), onKeyUp: this.handleInputKeyUp.bind(this), placeholder: this.placeholderValue, style: validatedCustomStyles, type: 'text', value: this.query }), h("style", null, `
                 #searchcraft-input-id::placeholder {
                   font-size: ${placeholderStyle.fontSize};
                 }
@@ -76,7 +77,7 @@ const SearchcraftInput = /*@__PURE__*/ proxyCustomElement(class SearchcraftInput
               `), this.inputCaptionValue && (h("searchcraft-input-caption", { inputCaptionClassName: this.inputCaptionClassName, inputCaptionValue: this.inputCaptionValue, rightToLeftOrientation: this.rightToLeftOrientation })), this.query.length > 0 && (h("searchcraft-clear-input-button", { isRequesting: this.isRequesting, onClearInput: this.handleClearInput, rightToLeftOrientation: this.rightToLeftOrientation }))))));
     }
     static get style() { return SearchcraftInputStyle0; }
-}, [1, "searchcraft-input", {
+}, [0, "searchcraft-input", {
         "customStyles": [1, "custom-styles"],
         "error": [4],
         "formClassName": [1, "form-class-name"],
@@ -95,7 +96,7 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["searchcraft-input", "searchcraft-clear-icon-set", "searchcraft-clear-input-button", "searchcraft-input-caption", "searchcraft-input-icon", "searchcraft-search-icon-set", "searchcraft-spinner-dark", "searchcraft-spinner-light"];
+    const components = ["searchcraft-input", "searchcraft-clear-icon-set", "searchcraft-clear-input-button", "searchcraft-input-caption", "searchcraft-input-icon", "searchcraft-search-icon-set"];
     components.forEach(tagName => { switch (tagName) {
         case "searchcraft-input":
             if (!customElements.get(tagName)) {
@@ -103,36 +104,26 @@ function defineCustomElement() {
             }
             break;
         case "searchcraft-clear-icon-set":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "searchcraft-clear-input-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "searchcraft-input-caption":
             if (!customElements.get(tagName)) {
                 defineCustomElement$5();
             }
             break;
-        case "searchcraft-input-icon":
+        case "searchcraft-clear-input-button":
             if (!customElements.get(tagName)) {
                 defineCustomElement$4();
             }
             break;
-        case "searchcraft-search-icon-set":
+        case "searchcraft-input-caption":
             if (!customElements.get(tagName)) {
                 defineCustomElement$3();
             }
             break;
-        case "searchcraft-spinner-dark":
+        case "searchcraft-input-icon":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();
             }
             break;
-        case "searchcraft-spinner-light":
+        case "searchcraft-search-icon-set":
             if (!customElements.get(tagName)) {
                 defineCustomElement$1();
             }
@@ -142,4 +133,4 @@ function defineCustomElement() {
 
 export { SearchcraftInput as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-dd2a4022.js.map
+//# sourceMappingURL=p-54848b4d.js.map