var options = {
uiOptions: {
groups: {
selector: "#groups",
renderGroup: (props) => {},
renderGroupParent: (props = {}),
renderGroupHeader: (props) => {},
},
facets: {
selector: "#facets",
renderFacetHeader: (props) => {},
renderFacetOption: (props) => {},
renderFacetOptionsExpander: (props) => {},
optionsPerFacet: 10,
},
selectedFacets: {
selector: "#applied-facets",
renderSelectedFacetOption,
},
clearFacets: {
selector: "#clear-facets",
renderClearFacets,
},
pager: {
selector: "#pager",
resultsPerPageOptions: [20, 40, 60],
renderPager: (props) => {},
renderPagerLabel: (props) => {},
renderPagerBefore: () => null,
renderPagerAfter: () => null,
},
pagination: {
selector: "#paginator",
renderPreviousPage: (props) => {},
renderFirstPage: (props) => {},
renderPage: (props) => {},
renderPageSpacer: (props) => {},
renderLastPage: (props) => {},
renderNextPage: (props) => {},
},
paginationHeader: {
selector: "#pagination-header",
renderPaginationHeader: (props) => {},
},
header: {
selector: "#results-header",
renderHeader: (props) => {},
},
infiniteScroll: false,
results: {
selector: "#results-list",
renderResult: (props) => {},
},
zeroResults: {
selector: "#zero-results",
renderZeroResults: (props) => {},
},
sections: {
categories: {
maxResults: 8,
sectionName: "Categories",
selector: "#category-results",
renderSectionHeader: (props) => {},
renderSectionResult: (props) => {},
},
},
sortingOptions: {
selector: "#sorting",
renderSortingOption: (props) => {},
renderSortingOptionsLabel: (props) => {},
renderSortingOptionsBefore: () => {},
renderSortingOptionsAfter: () => {},
},
voiceSearch: {
trigger: "#search-mic",
selector: "#voice-modal",
renderVoiceModal: (props) => {},
},
loading: {
selector: "#search-loader",
renderLoading: (props) => {},
},
error: {
selector: "#error",
renderError: (props) => {},
},
},
};
var search = new ConstructorioSearch.default(options);