@searchcraft/javascript-sdk 0.2.7 → 0.2.9

package/dist/components/searchcraft-filters-list.js

@@ -1,9 +1,10 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-7498e493.js';
-import { u as useSearchcraftStore } from './p-157e5b1a.js';
-import { f as flattenFacets } from './p-2bda632c.js';
-import { d as defineCustomElement$2 } from './p-d3187f5a.js';
+import { u as useSearchcraftStore } from './p-ff049f0a.js';
+import { f as flattenFacets } from './p-7d1bcd2d.js';
+import { d as defineCustomElement$3 } from './p-d3187f5a.js';
+import { d as defineCustomElement$2 } from './p-e5471fcf.js';
 
-const searchcraftFiltersListModuleCss = ".filtersList{width:100%}.checkboxLabel{align-items:center;color:#292929;display:flex;font-family:\"Source Sans Pro\";font-size:14px;font-weight:600;gap:14px;position:relative;-webkit-font-smoothing:antialiased}.checkboxLabel input[type=checkbox]{align-items:center;appearance:none;background-color:#EDEDED;border:1px solid #D9D9D9;cursor:pointer;display:flex;height:24px;justify-content:center;width:24px}.checkboxLabel input[type=checkbox]:checked{background-color:#000;position:relative}.checkboxLabel input[type=checkbox]:checked+.checkContainer{display:block}.remainingFilterListCheckbox{margin-left:16px}.childCheckboxLabel{align-items:center;color:#292929;display:flex;font-family:\"Source Sans Pro\";font-size:14px;font-weight:600;gap:12px;position:relative}.childCheckboxLabel input[type=checkbox]{align-items:center;appearance:none;background-color:#EDEDED;border:1px solid #D9D9D9;cursor:pointer;display:flex;height:24px;justify-content:center;position:relative;width:24px;-webkit-font-smoothing:antialiased}.childCheckboxLabel input[type=checkbox]:checked{background-color:#000;position:relative}.childCheckboxLabel input[type=checkbox]:checked+.checkContainer{display:block}.checkContainer{display:none;height:16px;width:16px;position:absolute;top:10px;left:7px}";
+const searchcraftFiltersListModuleCss = ".filtersList{width:100%}.checkboxLabel{align-items:center;color:#292929;display:flex;font-family:\"Source Sans Pro\";font-size:14px;font-weight:600;gap:14px;position:relative;-webkit-font-smoothing:antialiased}.checkboxLabel input[type=checkbox]{align-items:center;appearance:none;background-color:#EDEDED;border:1px solid #D9D9D9;cursor:pointer;display:flex;height:24px;justify-content:center;width:24px}.checkboxLabel input[type=checkbox]:checked{background-color:#000;position:relative}.checkboxLabel input[type=checkbox]:checked+.checkContainer{display:block}.checkboxLabel input[type=checkbox]:checked+.dashContainer{display:block}.remainingFilterListCheckbox{margin-left:16px}.childCheckboxLabel{align-items:center;color:#292929;display:flex;font-family:\"Source Sans Pro\";font-size:14px;font-weight:600;gap:12px;position:relative}.childCheckboxLabel input[type=checkbox]{align-items:center;appearance:none;background-color:#EDEDED;border:1px solid #D9D9D9;cursor:pointer;display:flex;height:24px;justify-content:center;position:relative;width:24px;-webkit-font-smoothing:antialiased}.childCheckboxLabel input[type=checkbox]:checked{background-color:#000;position:relative}.childCheckboxLabel input[type=checkbox]:checked+.checkContainer{display:block}.childCheckboxLabel input[type=checkbox]:checked+.dashContainer{display:block}.checkContainer{display:none;height:16px;width:16px;position:absolute;top:10px;left:7px}.dashContainer{display:none;height:3px;width:14px;position:absolute;top:5px;left:9px}.loading{align-items:center;display:flex;justify-content:center;margin:100px}";
 const SearchcraftFiltersListStyle0 = searchcraftFiltersListModuleCss;
 
 const SearchcraftFiltersList$1 = /*@__PURE__*/ proxyCustomElement(class SearchcraftFiltersList extends H {
@@ -13,120 +14,122 @@ const SearchcraftFiltersList$1 = /*@__PURE__*/ proxyCustomElement(class Searchcr
         this.__attachShadow();
         this.filtersUpdated = createEvent(this, "filtersUpdated", 7);
         this.searchStore = useSearchcraftStore.getState();
-        this.handleFilterChange = (value, checked) => {
-            if (checked) {
-                this.selectedFilters.add(value);
-            }
-            else {
-                this.selectedFilters.delete(value);
-            }
-            const deduplicatedFilters = this.deduplicatePaths(Array.from(this.selectedFilters));
-            this.filtersUpdated.emit(deduplicatedFilters);
-            this.searchStore.setSelectedFilters(deduplicatedFilters);
-            this.searchStore.search();
+        this.autoSearchFormElement = null;
+        this.handleSearchRequest = () => {
+            this.selectedFilters = [];
+            this.searchStore.setSelectedFilters([]);
+            this.emitFiltersUpdate();
         };
         this.filters = [];
         this.dynamicFilters = [];
-        this.isRequesting = false;
+        this.selectedFilters = [];
         this.query = '';
+        this.isRequesting = false;
         this.resultsCount = 0;
-        this.selectedFilters = new Set();
     }
     connectedCallback() {
         var _a;
         const state = this.searchStore;
-        if ((_a = state.searchResults) === null || _a === void 0 ? void 0 : _a.data.facets) {
-            this.populateFiltersFromFacets(state.searchResults.data.facets);
+        const facets = (_a = state.searchResults) === null || _a === void 0 ? void 0 : _a.data.facets;
+        if (facets) {
+            this.populateFiltersFromFacets(facets);
         }
         this.unsubscribe = useSearchcraftStore.subscribe((state) => {
-            var _a, _b, _c, _d;
-            if (!state.query || state.query.trim().length === 0) {
-                if (this.selectedFilters.size > 0) {
-                    this.selectedFilters.clear();
-                    this.filtersUpdated.emit([]);
-                    if (this.searchStore.selectedFilters.length > 0) {
-                        this.searchStore.setSelectedFilters([]);
-                    }
-                }
-            }
-            this.query = state.query || '';
+            var _a, _b, _c, _d, _e;
+            const query = (_a = state.query) === null || _a === void 0 ? void 0 : _a.trim();
+            const facets = (_b = state.searchResults) === null || _b === void 0 ? void 0 : _b.data.facets;
+            this.query = query || '';
             this.isRequesting = state.isRequesting;
-            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;
-            if ((_d = state.searchResults) === null || _d === void 0 ? void 0 : _d.data.facets) {
-                this.populateFiltersFromFacets(state.searchResults.data.facets);
+            this.resultsCount = ((_e = (_d = (_c = state.searchResults) === null || _c === void 0 ? void 0 : _c.data) === null || _d === void 0 ? void 0 : _d.hits) === null || _e === void 0 ? void 0 : _e.length) || 0;
+            if (facets && this.selectedFilters.length === 0) {
+                this.populateFiltersFromFacets(facets);
             }
         });
+        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.removeEventListener('querySubmit', this.handleSearchRequest);
+        }
     }
     populateFiltersFromFacets(facets) {
         var _a;
-        const newFilters = flattenFacets(((_a = facets[0]) === null || _a === void 0 ? void 0 : _a.section) || []);
-        const filtersMap = new Map();
-        this.dynamicFilters.forEach((filter) => {
-            const key = filter.value.split('/').pop() || '';
-            filtersMap.set(key, filter);
-        });
-        newFilters.forEach((filter) => {
-            const key = filter.value.split('/').pop() || '';
-            const existingFilter = filtersMap.get(key);
-            if (!existingFilter ||
-                filter.value.length < existingFilter.value.length) {
-                filtersMap.set(key, filter);
-            }
-        });
-        this.dynamicFilters = Array.from(filtersMap.values());
+        const flattened = flattenFacets(((_a = facets[0]) === null || _a === void 0 ? void 0 : _a.section) || []);
+        this.dynamicFilters = flattened.map((filter) => ({
+            label: filter.label,
+            value: filter.value,
+            count: filter.count,
+            children: filter.children || [],
+        }));
     }
-    deduplicatePaths(filters) {
-        const pathMap = new Map();
-        filters.forEach((path) => {
-            const key = path.split('/').pop() || '';
-            const existingPath = pathMap.get(key);
-            if (!existingPath || path.length < existingPath.length) {
-                pathMap.set(key, path);
+    handleCheckboxChange(value, isChecked, isParent = false) {
+        var _a;
+        if (isParent) {
+            const parentFilter = this.dynamicFilters.find((filter) => filter.value === value);
+            const childValues = ((_a = parentFilter === null || parentFilter === void 0 ? void 0 : parentFilter.children) === null || _a === void 0 ? void 0 : _a.map((child) => child.value)) || [];
+            if (!isChecked) {
+                // Remove children from selectedFilters when parent is unchecked
+                this.selectedFilters = this.selectedFilters.filter((filter) => filter !== value && !childValues.includes(filter));
             }
-        });
-        return Array.from(pathMap.values());
+            else {
+                // Add parent filter to selectedFilters
+                this.selectedFilters = [...this.selectedFilters, value];
+            }
+        }
+        else {
+            // Update selectedFilters for child filters
+            this.selectedFilters = isChecked
+                ? [...this.selectedFilters, value]
+                : this.selectedFilters.filter((filter) => filter !== value);
+        }
+        this.emitFiltersUpdate();
+    }
+    emitFiltersUpdate() {
+        this.filtersUpdated.emit(this.selectedFilters);
+        this.searchStore.setSelectedFilters(this.selectedFilters);
+        this.searchStore.search();
     }
-    formatLabel(label) {
-        return label
-            .replace(/-/g, ' ')
-            .split(' ')
-            .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
-            .join(' ');
+    formatLabel(label, count) {
+        return `${label.replace(/-/g, ' ').replace(/\b\w/g, (char) => char.toUpperCase())} (${count})`;
     }
     render() {
         if (!this.query || this.resultsCount === 0) {
             return null;
         }
-        const filtersToRender = this.dynamicFilters.filter((filter) => !filter.value.includes('/', filter.value.indexOf('/') + 1));
-        return (h("div", { class: 'filtersList' }, filtersToRender.map((filter) => {
-            const isChecked = this.selectedFilters.has(filter.value);
-            const children = this.dynamicFilters.filter((child) => child.value.startsWith(`${filter.value}/`) &&
-                child.value !== filter.value);
-            return (h("div", { key: filter.value }, h("label", { class: 'checkboxLabel' }, h("input", { class: 'filterCheckbox', checked: isChecked, onChange: (event) => this.handleFilterChange(filter.value, event.target.checked), type: 'checkbox' }), h("div", { class: 'checkContainer' }, h("searchcraft-check-icon", null)), this.formatLabel(filter.label)), children.map((child) => {
-                const isChildChecked = this.selectedFilters.has(child.value);
-                return (h("label", { class: 'childCheckboxLabel', key: child.value, style: { marginLeft: '20px' } }, h("input", { class: 'childFilterCheckbox', checked: isChildChecked, onChange: (event) => this.handleFilterChange(child.value, event.target.checked), type: 'checkbox' }), h("div", { class: 'checkContainer' }, h("searchcraft-check-icon", null)), this.formatLabel(child.label.split('/').pop() || '')));
-            })));
+        return (h("div", { class: 'filtersList' }, this.dynamicFilters.map((filter) => {
+            const isChildSelected = filter.children
+                ? filter.children.some((child) => this.selectedFilters.includes(child.value))
+                : false;
+            return (h("div", { key: filter.value, class: 'filterItem' }, h("label", { class: 'checkboxLabel' }, h("input", { type: 'checkbox', checked: this.selectedFilters.includes(filter.value), onChange: (event) => this.handleCheckboxChange(filter.value, event.target.checked, true) }), isChildSelected ? (h("div", { class: 'dashContainer' }, h("searchcraft-dash-icon", null))) : (h("div", { class: 'checkContainer' }, h("searchcraft-check-icon", null))), this.formatLabel(filter.label, filter.count)), filter.children && filter.children.length > 0 && (h("div", { class: 'childrenContainer' }, filter.children.map((child) => (h("label", { key: child.value, class: 'childCheckboxLabel', style: {
+                    marginLeft: '20px',
+                    display: this.selectedFilters.includes(filter.value)
+                        ? 'flex'
+                        : 'none',
+                } }, h("input", { type: 'checkbox', checked: this.selectedFilters.includes(child.value), onChange: (event) => this.handleCheckboxChange(child.value, event.target.checked) }), h("div", { class: 'checkContainer' }, h("searchcraft-check-icon", null)), this.formatLabel(child.label.includes('/')
+                ? child.label.split('/').pop() || child.label
+                : child.label, child.count))))))));
         })));
     }
     static get style() { return SearchcraftFiltersListStyle0; }
 }, [1, "searchcraft-filters-list", {
         "filters": [16],
         "dynamicFilters": [32],
-        "isRequesting": [32],
+        "selectedFilters": [32],
         "query": [32],
-        "resultsCount": [32],
-        "selectedFilters": [32]
+        "isRequesting": [32],
+        "resultsCount": [32]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["searchcraft-filters-list", "searchcraft-check-icon"];
+    const components = ["searchcraft-filters-list", "searchcraft-check-icon", "searchcraft-dash-icon"];
     components.forEach(tagName => { switch (tagName) {
         case "searchcraft-filters-list":
             if (!customElements.get(tagName)) {
@@ -134,6 +137,11 @@ function defineCustomElement$1() {
             }
             break;
         case "searchcraft-check-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "searchcraft-dash-icon":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();
             }

package/dist/components/searchcraft-filters-list.js.map

@@ -1 +1 @@
-{"file":"searchcraft-filters-list.js","mappings":"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","names":["SearchcraftFiltersList"],"sources":["src/components/searchcraft-filters-list/searchcraft-filters-list.module.scss?tag=searchcraft-filters-list&encapsulation=shadow","src/components/searchcraft-filters-list/searchcraft-filters-list.tsx"],"sourcesContent":[".filtersList {\n  width: 100%;\n}\n\n.checkboxLabel {\n  align-items: center;\n  color: #292929;\n  display: flex;\n  font-family: 'Source Sans Pro';\n  font-size: 14px;\n  font-weight: 600;\n  gap: 14px;\n  position: relative;\n  -webkit-font-smoothing: antialiased;\n}\n\n.checkboxLabel input[type=\"checkbox\"] {\n  align-items: center;\n  appearance: none;\n  background-color: #EDEDED;\n  border: 1px solid #D9D9D9;\n  cursor: pointer;\n  display: flex;\n  height: 24px;\n  justify-content: center;\n  width: 24px;\n}\n\n.checkboxLabel input[type=\"checkbox\"]:checked {\n  background-color: #000;\n  position: relative;\n}\n\n.checkboxLabel input[type=\"checkbox\"]:checked + .checkContainer {\n  display: block;\n}\n\n.remainingFilterListCheckbox {\n  margin-left: 16px;\n}\n\n.childCheckboxLabel {\n  align-items: center;\n  color: #292929;\n  display: flex;\n  font-family: 'Source Sans Pro';\n  font-size: 14px;\n  font-weight: 600;\n  gap: 12px;\n  position: relative;\n}\n\n.childCheckboxLabel input[type=\"checkbox\"] {\n  align-items: center;\n  appearance: none;\n  background-color: #EDEDED;\n  border: 1px solid #D9D9D9;\n  cursor: pointer;\n  display: flex;\n  height: 24px;\n  justify-content: center;\n  position: relative;\n  width: 24px;\n  -webkit-font-smoothing: antialiased;\n}\n\n.childCheckboxLabel input[type=\"checkbox\"]:checked {\n  background-color: #000;\n  position: relative;\n}\n\n.childCheckboxLabel input[type=\"checkbox\"]:checked + .checkContainer {\n  display: block;\n}\n\n.checkContainer {\n  display: none;\n  height: 16px;\n  width: 16px;\n  position: absolute;\n  top: 10px;\n  left: 7px;\n}","import {\n  Component,\n  h,\n  State,\n  Prop,\n  Event,\n  type EventEmitter,\n} from '@stencil/core';\n\nimport type { Facets } from '@searchcraft/core';\n\nimport { useSearchcraftStore } from '@provider/store';\n\nimport { flattenFacets } from '@utils/utils';\n\n@Component({\n  tag: 'searchcraft-filters-list',\n  styleUrl: 'searchcraft-filters-list.module.scss',\n  shadow: true,\n})\nexport class SearchcraftFiltersList {\n  @Prop() filters: Array<{ label: string; value: string }> = [];\n\n  @Event() filtersUpdated: EventEmitter<string[]>;\n\n  @State() dynamicFilters: Array<{ label: string; value: string }> = [];\n  @State() isRequesting = false;\n  @State() query = '';\n  @State() resultsCount = 0;\n  @State() selectedFilters: Set<string> = new Set();\n\n  private searchStore = useSearchcraftStore.getState();\n  unsubscribe: () => void;\n\n  connectedCallback() {\n    const state = this.searchStore;\n\n    if (state.searchResults?.data.facets) {\n      this.populateFiltersFromFacets(state.searchResults.data.facets);\n    }\n\n    this.unsubscribe = useSearchcraftStore.subscribe((state) => {\n      if (!state.query || state.query.trim().length === 0) {\n        if (this.selectedFilters.size > 0) {\n          this.selectedFilters.clear();\n          this.filtersUpdated.emit([]);\n          if (this.searchStore.selectedFilters.length > 0) {\n            this.searchStore.setSelectedFilters([]);\n          }\n        }\n      }\n      this.query = state.query || '';\n      this.isRequesting = state.isRequesting;\n      this.resultsCount = state.searchResults?.data?.hits?.length || 0;\n\n      if (state.searchResults?.data.facets) {\n        this.populateFiltersFromFacets(state.searchResults.data.facets);\n      }\n    });\n  }\n\n  disconnectedCallback() {\n    if (this.unsubscribe) {\n      this.unsubscribe();\n    }\n  }\n\n  populateFiltersFromFacets(facets: Facets) {\n    const newFilters = flattenFacets(facets[0]?.section || []);\n    const filtersMap = new Map<string, { label: string; value: string }>();\n\n    this.dynamicFilters.forEach((filter) => {\n      const key = filter.value.split('/').pop() || '';\n      filtersMap.set(key, filter);\n    });\n\n    newFilters.forEach((filter) => {\n      const key = filter.value.split('/').pop() || '';\n      const existingFilter = filtersMap.get(key);\n\n      if (\n        !existingFilter ||\n        filter.value.length < existingFilter.value.length\n      ) {\n        filtersMap.set(key, filter);\n      }\n    });\n\n    this.dynamicFilters = Array.from(filtersMap.values());\n  }\n\n  handleFilterChange = (value: string, checked: boolean) => {\n    if (checked) {\n      this.selectedFilters.add(value);\n    } else {\n      this.selectedFilters.delete(value);\n    }\n    const deduplicatedFilters = this.deduplicatePaths(\n      Array.from(this.selectedFilters),\n    );\n\n    this.filtersUpdated.emit(deduplicatedFilters);\n    this.searchStore.setSelectedFilters(deduplicatedFilters);\n    this.searchStore.search();\n  };\n\n  deduplicatePaths(filters: string[]): string[] {\n    const pathMap = new Map<string, string>();\n\n    filters.forEach((path) => {\n      const key = path.split('/').pop() || '';\n      const existingPath = pathMap.get(key);\n\n      if (!existingPath || path.length < existingPath.length) {\n        pathMap.set(key, path);\n      }\n    });\n\n    return Array.from(pathMap.values());\n  }\n\n  formatLabel(label: string): string {\n    return label\n      .replace(/-/g, ' ')\n      .split(' ')\n      .map((word) => word.charAt(0).toUpperCase() + word.slice(1))\n      .join(' ');\n  }\n\n  render() {\n    if (!this.query || this.resultsCount === 0) {\n      return null;\n    }\n\n    const filtersToRender = this.dynamicFilters.filter(\n      (filter) => !filter.value.includes('/', filter.value.indexOf('/') + 1),\n    );\n\n    return (\n      <div class='filtersList'>\n        {filtersToRender.map((filter) => {\n          const isChecked = this.selectedFilters.has(filter.value);\n          const children = this.dynamicFilters.filter(\n            (child) =>\n              child.value.startsWith(`${filter.value}/`) &&\n              child.value !== filter.value,\n          );\n\n          return (\n            <div key={filter.value}>\n              <label class='checkboxLabel'>\n                <input\n                  class='filterCheckbox'\n                  checked={isChecked}\n                  onChange={(event: Event) =>\n                    this.handleFilterChange(\n                      filter.value,\n                      (event.target as HTMLInputElement).checked,\n                    )\n                  }\n                  type='checkbox'\n                />\n                <div class='checkContainer'>\n                  <searchcraft-check-icon />\n                </div>\n                {this.formatLabel(filter.label)}\n              </label>\n              {children.map((child) => {\n                const isChildChecked = this.selectedFilters.has(child.value);\n                return (\n                  <label\n                    class='childCheckboxLabel'\n                    key={child.value}\n                    style={{ marginLeft: '20px' }}\n                  >\n                    <input\n                      class='childFilterCheckbox'\n                      checked={isChildChecked}\n                      onChange={(event: Event) =>\n                        this.handleFilterChange(\n                          child.value,\n                          (event.target as HTMLInputElement).checked,\n                        )\n                      }\n                      type='checkbox'\n                    />\n                    <div class='checkContainer'>\n                      <searchcraft-check-icon />\n                    </div>\n                    {this.formatLabel(child.label.split('/').pop() || '')}\n                  </label>\n                );\n              })}\n            </div>\n          );\n        })}\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"searchcraft-filters-list.js","mappings":"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","names":["SearchcraftFiltersList"],"sources":["src/components/searchcraft-filters-list/searchcraft-filters-list.module.scss?tag=searchcraft-filters-list&encapsulation=shadow","src/components/searchcraft-filters-list/searchcraft-filters-list.tsx"],"sourcesContent":[".filtersList {\n  width: 100%;\n}\n\n.checkboxLabel {\n  align-items: center;\n  color: #292929;\n  display: flex;\n  font-family: 'Source Sans Pro';\n  font-size: 14px;\n  font-weight: 600;\n  gap: 14px;\n  position: relative;\n  -webkit-font-smoothing: antialiased;\n}\n\n.checkboxLabel input[type=\"checkbox\"] {\n  align-items: center;\n  appearance: none;\n  background-color: #EDEDED;\n  border: 1px solid #D9D9D9;\n  cursor: pointer;\n  display: flex;\n  height: 24px;\n  justify-content: center;\n  width: 24px;\n}\n\n.checkboxLabel input[type=\"checkbox\"]:checked {\n  background-color: #000;\n  position: relative;\n}\n\n.checkboxLabel input[type=\"checkbox\"]:checked + .checkContainer {\n  display: block;\n}\n\n.checkboxLabel input[type=\"checkbox\"]:checked + .dashContainer {\n  display: block;\n}\n\n.remainingFilterListCheckbox {\n  margin-left: 16px;\n}\n\n.childCheckboxLabel {\n  align-items: center;\n  color: #292929;\n  display: flex;\n  font-family: 'Source Sans Pro';\n  font-size: 14px;\n  font-weight: 600;\n  gap: 12px;\n  position: relative;\n}\n\n.childCheckboxLabel input[type=\"checkbox\"] {\n  align-items: center;\n  appearance: none;\n  background-color: #EDEDED;\n  border: 1px solid #D9D9D9;\n  cursor: pointer;\n  display: flex;\n  height: 24px;\n  justify-content: center;\n  position: relative;\n  width: 24px;\n  -webkit-font-smoothing: antialiased;\n}\n\n.childCheckboxLabel input[type=\"checkbox\"]:checked {\n  background-color: #000;\n  position: relative;\n}\n\n.childCheckboxLabel input[type=\"checkbox\"]:checked + .checkContainer {\n  display: block;\n}\n\n.childCheckboxLabel input[type=\"checkbox\"]:checked + .dashContainer {\n  display: block;\n}\n\n.checkContainer {\n  display: none;\n  height: 16px;\n  width: 16px;\n  position: absolute;\n  top: 10px;\n  left: 7px;\n}\n\n.dashContainer {\n  display: none;\n  height: 3px;\n  width: 14px;\n  position: absolute;\n  top: 5px;\n  left: 9px;\n}\n\n.loading {\n  align-items: center;\n  display: flex;\n  justify-content: center;\n  margin: 100px;\n}","import {\n  Component,\n  h,\n  State,\n  Prop,\n  Event,\n  type EventEmitter,\n} from '@stencil/core';\n\nimport type { Facets } from '@searchcraft/core';\n\nimport { useSearchcraftStore } from '@provider/store';\n\nimport { flattenFacets } from '@utils/utils';\n\n@Component({\n  tag: 'searchcraft-filters-list',\n  styleUrl: 'searchcraft-filters-list.module.scss',\n  shadow: true,\n})\nexport class SearchcraftFiltersList {\n  @Prop() filters: Array<{ label: string; value: string }> = [];\n\n  @Event() filtersUpdated: EventEmitter<string[]>;\n\n  @State() dynamicFilters: Array<{\n    label: string;\n    value: string;\n    count: number;\n    children?: Array<{\n      label: string;\n      value: string;\n      count: number;\n    }>;\n  }> = [];\n  @State() selectedFilters: string[] = [];\n  @State() query = '';\n  @State() isRequesting = false;\n  @State() resultsCount = 0;\n\n  private searchStore = useSearchcraftStore.getState();\n  private autoSearchFormElement: HTMLElement | null = null;\n  unsubscribe: () => void;\n\n  connectedCallback() {\n    const state = this.searchStore;\n    const facets = state.searchResults?.data.facets;\n\n    if (facets) {\n      this.populateFiltersFromFacets(facets);\n    }\n\n    this.unsubscribe = useSearchcraftStore.subscribe((state) => {\n      const query = state.query?.trim();\n      const facets = state.searchResults?.data.facets;\n      this.query = query || '';\n      this.isRequesting = state.isRequesting;\n      this.resultsCount = state.searchResults?.data?.hits?.length || 0;\n\n      if (facets && this.selectedFilters.length === 0) {\n        this.populateFiltersFromFacets(facets);\n      }\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\n    if (this.autoSearchFormElement) {\n      this.autoSearchFormElement.removeEventListener(\n        'querySubmit',\n        this.handleSearchRequest,\n      );\n    }\n  }\n\n  handleSearchRequest = () => {\n    this.selectedFilters = [];\n    this.searchStore.setSelectedFilters([]);\n    this.emitFiltersUpdate();\n  };\n\n  populateFiltersFromFacets(facets: Facets) {\n    const flattened = flattenFacets(facets[0]?.section || []);\n    this.dynamicFilters = flattened.map((filter) => ({\n      label: filter.label,\n      value: filter.value,\n      count: filter.count,\n      children: filter.children || [],\n    }));\n  }\n\n  handleCheckboxChange(value: string, isChecked: boolean, isParent = false) {\n    if (isParent) {\n      const parentFilter = this.dynamicFilters.find(\n        (filter) => filter.value === value,\n      );\n      const childValues =\n        parentFilter?.children?.map((child) => child.value) || [];\n\n      if (!isChecked) {\n        // Remove children from selectedFilters when parent is unchecked\n        this.selectedFilters = this.selectedFilters.filter(\n          (filter) => filter !== value && !childValues.includes(filter),\n        );\n      } else {\n        // Add parent filter to selectedFilters\n        this.selectedFilters = [...this.selectedFilters, value];\n      }\n    } else {\n      // Update selectedFilters for child filters\n      this.selectedFilters = isChecked\n        ? [...this.selectedFilters, value]\n        : this.selectedFilters.filter((filter) => filter !== value);\n    }\n    this.emitFiltersUpdate();\n  }\n\n  emitFiltersUpdate() {\n    this.filtersUpdated.emit(this.selectedFilters);\n    this.searchStore.setSelectedFilters(this.selectedFilters);\n    this.searchStore.search();\n  }\n\n  formatLabel(label: string, count: number): string {\n    return `${label.replace(/-/g, ' ').replace(/\\b\\w/g, (char) => char.toUpperCase())} (${count})`;\n  }\n\n  render() {\n    if (!this.query || this.resultsCount === 0) {\n      return null;\n    }\n    return (\n      <div class='filtersList'>\n        {this.dynamicFilters.map((filter) => {\n          const isChildSelected = filter.children\n            ? filter.children.some((child) =>\n                this.selectedFilters.includes(child.value),\n              )\n            : false;\n\n          return (\n            <div key={filter.value} class='filterItem'>\n              <label class='checkboxLabel'>\n                <input\n                  type='checkbox'\n                  checked={this.selectedFilters.includes(filter.value)}\n                  onChange={(event: Event) =>\n                    this.handleCheckboxChange(\n                      filter.value,\n                      (event.target as HTMLInputElement).checked,\n                      true,\n                    )\n                  }\n                />\n                {isChildSelected ? (\n                  <div class='dashContainer'>\n                    <searchcraft-dash-icon />\n                  </div>\n                ) : (\n                  <div class='checkContainer'>\n                    <searchcraft-check-icon />\n                  </div>\n                )}\n                {this.formatLabel(filter.label, filter.count)}\n              </label>\n              {filter.children && filter.children.length > 0 && (\n                <div class='childrenContainer'>\n                  {filter.children.map((child) => (\n                    <label\n                      key={child.value}\n                      class='childCheckboxLabel'\n                      style={{\n                        marginLeft: '20px',\n                        display: this.selectedFilters.includes(filter.value)\n                          ? 'flex'\n                          : 'none',\n                      }}\n                    >\n                      <input\n                        type='checkbox'\n                        checked={this.selectedFilters.includes(child.value)}\n                        onChange={(event: Event) =>\n                          this.handleCheckboxChange(\n                            child.value,\n                            (event.target as HTMLInputElement).checked,\n                          )\n                        }\n                      />\n                      <div class='checkContainer'>\n                        <searchcraft-check-icon />\n                      </div>\n                      {this.formatLabel(\n                        child.label.includes('/')\n                          ? child.label.split('/').pop() || child.label\n                          : child.label,\n                        child.count,\n                      )}\n                    </label>\n                  ))}\n                </div>\n              )}\n            </div>\n          );\n        })}\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/searchcraft-input.js

@@ -1,4 +1,4 @@
-import { S as SearchcraftInput$1, d as defineCustomElement$1 } from './p-643cfdcf.js';
+import { S as SearchcraftInput$1, d as defineCustomElement$1 } from './p-dd2a4022.js';
 
 const SearchcraftInput = SearchcraftInput$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/searchcraft-results-info.js

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h } from './p-7498e493.js';
-import { u as useSearchcraftStore } from './p-157e5b1a.js';
+import { u as useSearchcraftStore } from './p-ff049f0a.js';
 
 const searchcraftResultsInfoModuleCss = ".container{border-bottom:1px solid #D9D9D9;display:flex;justify-content:flex-start;width:100%}.resultsInfo{color:#292929;font-size:18px;font-weight:600;line-height:20px;margin:0;margin-bottom:8px}";
 const SearchcraftResultsInfoStyle0 = searchcraftResultsInfoModuleCss;

package/dist/components/searchcraft-slider.js

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h } from './p-7498e493.js';
-import { u as useSearchcraftStore } from './p-157e5b1a.js';
+import { u as useSearchcraftStore } from './p-ff049f0a.js';
 
 const searchcraftSliderModuleCss = ".sliderContainer{display:flex;flex-direction:column;gap:10px;font-family:Arial, sans-serif;align-items:center;width:100%}.rangeContainer{display:flex;position:relative;width:100%;align-items:center}.rangeContainer .activeRange{position:absolute;top:50%;transform:translateY(-50%);height:4px;background:#007DB3;z-index:0;border-radius:2px}.rangeContainer .rangeSlider{width:100%;height:4px;background:transparent;border-radius:2px;outline:none;-webkit-appearance:none;appearance:none;position:absolute;margin:0}.rangeContainer .rangeSlider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background-color:#FFF;border-radius:50%;border:2px solid #e6e6e6;cursor:pointer}.rangeContainer .rangeSlider::-moz-range-thumb{width:20px;height:20px;background-color:#FFF;border-radius:50%;border:2px solid #e6e6e6;cursor:pointer}.yearLabels{display:flex;justify-content:space-between;width:100%;margin-top:10px;font-size:15px;font-weight:600;font-family:\"Source Sans Pro\", sans-serif;color:#666}.yearLabel{min-width:30px;text-align:center}";
 const SearchcraftSliderStyle0 = searchcraftSliderModuleCss;

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

@@ -1,4 +1,4 @@
-import { S as SearchcraftSpinnerDark$1, d as defineCustomElement$1 } from './p-9952c9ba.js';
+import { S as SearchcraftSpinnerDark$1, d as defineCustomElement$1 } from './p-bc3f9025.js';
 
 const SearchcraftSpinnerDark = SearchcraftSpinnerDark$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { S as SearchcraftSpinnerLight$1, d as defineCustomElement$1 } from './p-bdf84774.js';
+import { S as SearchcraftSpinnerLight$1, d as defineCustomElement$1 } from './p-bfb22305.js';
 
 const SearchcraftSpinnerLight = SearchcraftSpinnerLight$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h } from './p-7498e493.js';
-import { u as useSearchcraftStore } from './p-157e5b1a.js';
+import { u as useSearchcraftStore } from './p-ff049f0a.js';
 
 const searchcraftToggleButtonModuleCss = ".toggle-wrapper{background:#ddd;border:none;border-radius:16px;box-shadow:0px 0px 0px 1px rgba(0, 0, 0, 0.05);cursor:pointer;height:26px;margin-left:10px;position:relative;width:44px}.toggle-wrapper.active{background:#007DB3;box-shadow:0px 0px 0px 1px rgba(0, 0, 0, 0.05)}.toggle-wrapper .toggle-switch{background:#fff;border-radius:50%;height:18px;left:4px;position:absolute;top:calc(50% - 9px);transition:transform 0.3s ease;width:18px}.toggle-wrapper .toggle-switch.active{transform:translateX(16px)}";
 const SearchcraftToggleButtonStyle0 = searchcraftToggleButtonModuleCss;

package/dist/esm/index.js

@@ -1,4 +1,3 @@
-export { e as extractDynamicProperties, p as parseCustomStyles, a as parseSearchKeys, s as serializeStyles } from './utils-a3373179.js';
-export { u as useSearchcraftStore, a as useThemeStore } from './store-9e0b0710.js';
+export { e as extractDynamicProperties, p as parseCustomStyles, a as parseSearchKeys, s as serializeStyles, u as useSearchcraftStore, b as useThemeStore } from './store-6af9ea01.js';
 
 //# sourceMappingURL=index.js.map

package/dist/esm/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/esm/loader.js

@@ -5,7 +5,7 @@ import { g as globalScripts } from './app-globals-0f993ce5.js';
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy([["searchcraft-auto-search-form_18",[[1,"searchcraft-auto-search-form",{"autoSearchFormClass":[1,"auto-search-form-class"],"clearInput":[16],"config":[16],"customStylesForInput":[1,"custom-styles-for-input"],"inputCaptionValue":[1,"input-caption-value"],"inputIconHeight":[2,"input-icon-height"],"inputIconWidth":[2,"input-icon-width"],"labelForInput":[1,"label-for-input"],"placeholderValue":[1,"placeholder-value"],"rightToLeftOrientation":[4,"right-to-left-orientation"],"searchContainerClass":[1,"search-container-class"],"error":[32],"isRequesting":[32],"query":[32],"searchResults":[32]}],[1,"searchcraft-base-search-results",{"adInterval":[2,"ad-interval"],"customStylesForResults":[1,"custom-styles-for-results"],"documentAttributesForDisplay":[1,"document-attributes-for-display"],"fallbackElement":[16],"formatTime":[4,"format-time"],"placeAdAtEnd":[4,"place-ad-at-end"],"placeAdAtStart":[4,"place-ad-at-start"],"placeResultImageRight":[4,"place-result-image-right"],"hasSearched":[32],"query":[32],"searchResults":[32]}],[1,"searchcraft-filters-list",{"filters":[16],"dynamicFilters":[32],"isRequesting":[32],"query":[32],"resultsCount":[32],"selectedFilters":[32]}],[1,"searchcraft-results-info",{"isRequesting":[32],"resultsCount":[32],"responseTime":[32],"query":[32]}],[1,"searchcraft-slider",{"maxYear":[2,"max-year"],"minYear":[2,"min-year"],"endYear":[32],"hasSearched":[32],"query":[32],"resultsCount":[32],"startYear":[32]}],[1,"searchcraft-toggle-button",{"type":[1],"isActive":[32],"query":[32],"resultsCount":[32]}],[1,"searchcraft-base-search-result",{"buttonText":[1,"button-text"],"customStyles":[1,"custom-styles"],"headingText":[1,"heading-text"],"imageDescription":[1,"image-description"],"imageSource":[1,"image-source"],"isInteractive":[4,"is-interactive"],"primaryContent":[1,"primary-content"],"secondaryContent":[1,"secondary-content"],"subheadingText":[1,"subheading-text"],"tertiaryContent":[1,"tertiary-content"],"themeMode":[1,"theme-mode"],"placeImageRight":[4,"place-image-right"]}],[1,"searchcraft-check-icon"],[1,"searchcraft-input",{"customStyles":[1,"custom-styles"],"error":[4],"formClassName":[1,"form-class-name"],"inputCaptionClassName":[1,"input-caption-class-name"],"inputCaptionValue":[1,"input-caption-value"],"inputClassName":[1,"input-class-name"],"inputIconHeight":[2,"input-icon-height"],"inputIconWidth":[2,"input-icon-width"],"isRequesting":[4,"is-requesting"],"placeholderValue":[1,"placeholder-value"],"rightToLeftOrientation":[4,"right-to-left-orientation"],"query":[1],"theme":[32]}],[1,"searchcraft-input-label",{"inputLabelClassName":[1,"input-label-class-name"],"label":[1],"theme":[32]}],[1,"searchcraft-clear-input-button",{"isRequesting":[4,"is-requesting"],"rightToLeftOrientation":[4,"right-to-left-orientation"],"theme":[32]}],[1,"searchcraft-input-icon",{"error":[4],"height":[2],"rightToLeftOrientation":[4,"right-to-left-orientation"],"width":[2],"theme":[32]}],[1,"searchcraft-error-message",{"errorMessage":[1,"error-message"],"theme":[1]}],[1,"searchcraft-input-caption",{"error":[4],"inputCaptionClassName":[1,"input-caption-class-name"],"inputCaptionValue":[1,"input-caption-value"],"rightToLeftOrientation":[4,"right-to-left-orientation"],"theme":[32]}],[1,"searchcraft-clear-icon-set",{"type":[1]}],[1,"searchcraft-search-icon-set",{"type":[1],"width":[2],"height":[2]}],[1,"searchcraft-spinner-light"],[1,"searchcraft-spinner-dark"]]],["searchcraft-base-search-form",[[1,"searchcraft-base-search-form",{"config":[16],"errorMessage":[1,"error-message"],"labelForInput":[1,"label-for-input"],"rightToLeftOrientation":[4,"right-to-left-orientation"],"error":[32],"query":[32],"searchResults":[32]}]]],["searchcraft-button-icon",[[1,"searchcraft-button-icon"]]],["searchcraft-button",[[1,"searchcraft-button",{"iconElement":[16],"iconOnly":[4,"icon-only"],"iconPosition":[1,"icon-position"],"label":[1],"isRequesting":[32],"theme":[32]}]]]], options);
+  return bootstrapLazy([["searchcraft-auto-search-form_19",[[1,"searchcraft-auto-search-form",{"autoSearchFormClass":[1,"auto-search-form-class"],"clearInput":[16],"config":[16],"customStylesForInput":[1,"custom-styles-for-input"],"inputCaptionValue":[1,"input-caption-value"],"inputIconHeight":[2,"input-icon-height"],"inputIconWidth":[2,"input-icon-width"],"labelForInput":[1,"label-for-input"],"placeholderValue":[1,"placeholder-value"],"rightToLeftOrientation":[4,"right-to-left-orientation"],"searchContainerClass":[1,"search-container-class"],"error":[32],"isRequesting":[32],"query":[32],"searchResults":[32]}],[1,"searchcraft-base-search-results",{"adInterval":[2,"ad-interval"],"customStylesForResults":[1,"custom-styles-for-results"],"documentAttributesForDisplay":[1,"document-attributes-for-display"],"fallbackElement":[16],"formatTime":[4,"format-time"],"placeAdAtEnd":[4,"place-ad-at-end"],"placeAdAtStart":[4,"place-ad-at-start"],"placeResultImageRight":[4,"place-result-image-right"],"hasSearched":[32],"query":[32],"searchResults":[32]}],[1,"searchcraft-filters-list",{"filters":[16],"dynamicFilters":[32],"selectedFilters":[32],"query":[32],"isRequesting":[32],"resultsCount":[32]}],[1,"searchcraft-results-info",{"isRequesting":[32],"resultsCount":[32],"responseTime":[32],"query":[32]}],[1,"searchcraft-slider",{"maxYear":[2,"max-year"],"minYear":[2,"min-year"],"endYear":[32],"hasSearched":[32],"query":[32],"resultsCount":[32],"startYear":[32]}],[1,"searchcraft-toggle-button",{"type":[1],"isActive":[32],"query":[32],"resultsCount":[32]}],[1,"searchcraft-base-search-result",{"buttonText":[1,"button-text"],"customStyles":[1,"custom-styles"],"headingText":[1,"heading-text"],"imageDescription":[1,"image-description"],"imageSource":[1,"image-source"],"isInteractive":[4,"is-interactive"],"primaryContent":[1,"primary-content"],"secondaryContent":[1,"secondary-content"],"subheadingText":[1,"subheading-text"],"tertiaryContent":[1,"tertiary-content"],"themeMode":[1,"theme-mode"],"placeImageRight":[4,"place-image-right"]}],[1,"searchcraft-check-icon"],[1,"searchcraft-dash-icon"],[1,"searchcraft-input",{"customStyles":[1,"custom-styles"],"error":[4],"formClassName":[1,"form-class-name"],"inputCaptionClassName":[1,"input-caption-class-name"],"inputCaptionValue":[1,"input-caption-value"],"inputClassName":[1,"input-class-name"],"inputIconHeight":[2,"input-icon-height"],"inputIconWidth":[2,"input-icon-width"],"isRequesting":[4,"is-requesting"],"placeholderValue":[1,"placeholder-value"],"rightToLeftOrientation":[4,"right-to-left-orientation"],"query":[1],"theme":[32]}],[1,"searchcraft-input-label",{"inputLabelClassName":[1,"input-label-class-name"],"label":[1],"theme":[32]}],[1,"searchcraft-clear-input-button",{"isRequesting":[4,"is-requesting"],"rightToLeftOrientation":[4,"right-to-left-orientation"],"theme":[32]}],[1,"searchcraft-input-icon",{"error":[4],"height":[2],"rightToLeftOrientation":[4,"right-to-left-orientation"],"width":[2],"theme":[32]}],[1,"searchcraft-error-message",{"errorMessage":[1,"error-message"],"theme":[1]}],[1,"searchcraft-input-caption",{"error":[4],"inputCaptionClassName":[1,"input-caption-class-name"],"inputCaptionValue":[1,"input-caption-value"],"rightToLeftOrientation":[4,"right-to-left-orientation"],"theme":[32]}],[1,"searchcraft-clear-icon-set",{"type":[1]}],[1,"searchcraft-search-icon-set",{"type":[1],"width":[2],"height":[2]}],[1,"searchcraft-spinner-light"],[1,"searchcraft-spinner-dark"]]],["searchcraft-base-search-form",[[1,"searchcraft-base-search-form",{"config":[16],"errorMessage":[1,"error-message"],"labelForInput":[1,"label-for-input"],"rightToLeftOrientation":[4,"right-to-left-orientation"],"error":[32],"query":[32],"searchResults":[32]}]]],["searchcraft-button-icon",[[1,"searchcraft-button-icon"]]],["searchcraft-button",[[1,"searchcraft-button",{"iconElement":[16],"iconOnly":[4,"icon-only"],"iconPosition":[1,"icon-position"],"label":[1],"isRequesting":[32],"theme":[32]}]]]], options);
 };
 
 export { defineCustomElements };