@searchcraft/javascript-sdk 0.4.2 → 0.5.0

package/dist/cjs/searchcraft-input-form.cjs.entry.js

@@ -0,0 +1,200 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-b76bece0.js');
+const store = require('./store-f2faf5d3.js');
+const utils = require('./utils-a17279a2.js');
+const index$1 = require('./index-5b0b9d4c.js');
+
+const name = "@searchcraft/javascript-sdk";
+const version = "0.5.0";
+const description = "Searchcraft Javascript SDK";
+const author = "Searchcraft";
+const license = "Apache-2.0";
+const main = "dist/index.cjs.js";
+const module$1 = "dist/index.js";
+const types = "dist/types/index.d.ts";
+const collection = "dist/collection/collection-manifest.json";
+const unpkg = "dist/searchcraft-javascript-sdk/searchcraft-javascript-sdk.esm.js";
+const exports$1 = {
+	".": {
+		"import": "./dist/searchcraft-javascript-sdk/searchcraft-javascript-sdk.esm.js",
+		require: "./dist/searchcraft-javascript-sdk/searchcraft-javascript-sdk.cjs.js",
+		types: "./dist/types/index.d.ts"
+	},
+	"./dist/*": {
+		"import": "./dist/*",
+		types: "./dist/*"
+	},
+	"./components": {
+		"import": "./dist/components/index.js",
+		types: "./dist/components/index.d.ts"
+	},
+	"./loader": {
+		"import": "./dist/loader/index.js",
+		require: "./dist/loader/index.cjs",
+		types: "./dist/loader/index.d.ts"
+	}
+};
+const repository = {
+	type: "git",
+	url: "https://bitbucket.org/madebychalk/searchcraft-javascript-sdks/"
+};
+const files = [
+	"dist/"
+];
+const scripts = {
+	build: "stencil build",
+	dev: "stencil build --dev --watch",
+	test: "stencil test --spec --e2e",
+	"test.watch": "stencil test --spec --e2e --watchAll",
+	generate: "stencil generate"
+};
+const dependencies = {
+	classnames: "^2.3.2"
+};
+const devDependencies = {
+	"@searchcraft/core": "*",
+	"@searchcraft/javascript-sdk": "*",
+	"@stencil/core": "^4.7.0",
+	"@stencil/react-output-target": "^0.8.2",
+	"@stencil/sass": "^3.0.12",
+	"@types/node": "^16.18.11",
+	zustand: "^5.0.1"
+};
+const packageJson = {
+	name: name,
+	"private": false,
+	version: version,
+	description: description,
+	author: author,
+	license: license,
+	main: main,
+	module: module$1,
+	types: types,
+	collection: collection,
+	"collection:main": "dist/collection/index.js",
+	unpkg: unpkg,
+	exports: exports$1,
+	repository: repository,
+	files: files,
+	scripts: scripts,
+	dependencies: dependencies,
+	devDependencies: devDependencies
+};
+
+const searchcraftInputFormModuleCss = ":root{--sc-spinner-size:20px;--sc-input-border-radius:8px;--sc-input-search-icon-size:20px;--sc-input-clear-icon-size:20px;--sc-input-padding-left:44px;--sc-input-padding-right:44px;--sc-image-border-radius:8px}:root{--sc-surface-disabled:#D9D9D9;--sc-surface-neutral-primary:#FFFFFF;--sc-surface-neutral-secondary:#F3F3F3;--sc-surface-neutral-light:#FFFFFF;--sc-surface-neutral-primary-hover:#FAFAFA;--sc-surface-neutral-primary-active:#F7F7F7;--sc-surface-neutral-secondary-hover:#EDEDED;--sc-surface-neutral-secondary-active:#E6E6E6;--sc-surface-brand-primary:#000000;--sc-surface-brand-secondary:#E6E6E6;--sc-surface-brand-primary-hover:#2E2E2E;--sc-surface-brand-primary-active:#292929;--sc-surface-brand-secondary-hover:#EBEBEB;--sc-surface-brand-secondary-active:#E0E0E0;--sc-surface-success-primary:#008000;--sc-surface-success-secondary:#CCFFCC;--sc-surface-success-primary-hover:#009900;--sc-surface-success-primary-active:#006600;--sc-surface-success-secondary-hover:#E6FFE6;--sc-surface-success-secondary-active:#E6FFE6;--sc-surface-caution-primary:#CC6600;--sc-surface-caution-secondary:#FFD9B3;--sc-surface-caution-primary-hover:#E57300;--sc-surface-caution-primary-active:#B25A00;--sc-surface-caution-secondary-hover:#FFE5CC;--sc-surface-caution-secondary-active:#FFCC99;--sc-surface-danger-primary:#CC0000;--sc-surface-danger-secondary:#FFCCCC;--sc-surface-danger-primary-hover:#E50000;--sc-surface-danger-primary-active:#B30000;--sc-surface-danger-secondary-hover:#FFE7E7;--sc-surface-danger-secondary-active:#FFB3B3;--sc-content-brand:#000000;--sc-content-success:#008000;--sc-content-caution:#994D00;--sc-content-danger:#990000;--sc-content-disabled:#737373;--sc-content-neutral-primary:#292929;--sc-content-neutral-secondary:#404040;--sc-content-brand-on-primary:#FFFFFF;--sc-content-success-on-primary:#FFFFFF;--sc-content-caution-on-primary:#FFFFFF;--sc-content-danger-on-primary:#FFFFFF;--sc-content-disabled-on-disabled:#737373;--sc-border-neutral:rgba(0,0,0, 0.1);--sc-border-brand:#000000;--sc-border-success:#008000;--sc-border-caution:#CC6600;--sc-border-danger:#CC0000;--sc-border-disabled:#737373}:root{--sc-font-family:sans-serif;--sc-heading-1-font-size:32px;--sc-heading-1-line-height:36px;--sc-heading-1-font-weight:700;--sc-heading-2-font-size:29px;--sc-heading-2-line-height:32px;--sc-heading-2-font-weight:700;--sc-heading-3-font-size:26px;--sc-heading-3-line-height:28px;--sc-heading-3-font-weight:700;--sc-heading-4-font-size:23px;--sc-heading-4-line-height:24px;--sc-heading-4-font-weight:700;--sc-heading-5-font-size:20px;--sc-heading-5-line-height:24px;--sc-heading-5-font-weight:700;--sc-heading-6-font-size:10px;--sc-heading-6-line-height:12px;--sc-heading-6-font-weight:700;--sc-body-bold-font-size:16px;--sc-body-bold-line-height:20px;--sc-body-bold-font-weight:700;--sc-body-font-size:16px;--sc-body-line-height:20px;--sc-body-font-weight:400;--sc-body-small-bold-font-size:12px;--sc-body-small-bold-line-height:16px;--sc-body-small-bold-font-weight:700;--sc-body-small-font-size:12px;--sc-body-small-line-height:16px;--sc-body-small-font-weight:400}.searchcraft-input-wrapper{position:relative;display:flex}.searchcraft-input-grid{display:grid;gap:4px 8px}.searchcraft-input-grid-buttonLeft{grid-template-rows:repeat(3, auto);grid-template-columns:auto 1fr}.searchcraft-input-grid-buttonLeft .searchcraft-input-button-wrapper{grid-column:1/span 1;grid-row:2/span 1}.searchcraft-input-grid-buttonLeft .searchcraft-input-label-wrapper{grid-column:2/span 1;grid-row:1/span 1}.searchcraft-input-grid-buttonLeft .searchcraft-input-error-wrapper{grid-column:2/span 1;grid-row:3/span 1}.searchcraft-input-grid-buttonLeft .searchcraft-input-wrapper{grid-column:2/span 1;grid-row:2/span 1}.searchcraft-input-grid-buttonRight{grid-template-rows:repeat(3, auto);grid-template-columns:1fr auto}.searchcraft-input-grid-buttonRight .searchcraft-input-button-wrapper{grid-column:2/span 1;grid-row:2/span 1}.searchcraft-input-grid-buttonRight .searchcraft-input-label-wrapper{grid-column:1/span 1;grid-row:1/span 1}.searchcraft-input-grid-buttonRight .searchcraft-input-error-wrapper{grid-column:1/span 1;grid-row:3/span 1}.searchcraft-input-grid-buttonRight .searchcraft-input-wrapper{grid-column:1/span 1;grid-row:2/span 1}.searchcraft-input-grid-buttonNone{grid-template-rows:repeat(3, auto);grid-template-columns:auto}.searchcraft-input-grid-buttonNone .searchcraft-input-button-wrapper{display:none}.searchcraft-input-grid-buttonNone .searchcraft-input-label-wrapper{grid-column:1/span 1;grid-row:1/span 1}.searchcraft-input-grid-buttonNone .searchcraft-input-error-wrapper{grid-column:1/span 1;grid-row:3/span 1}.searchcraft-input-grid-buttonNone .searchcraft-input-wrapper{grid-column:1/span 1;grid-row:2/span 1}.searchcraft-input{font-family:var(--sc-font-family);-webkit-font-smoothing:antialiased;font-size:var(--sc-body-font-size);font-weight:var(--sc-body-font-weight);line-height:var(--sc-body-line-height);background-color:var(--sc-surface-neutral-secondary);border:none;border-radius:var(--sc-input-border-radius);color:var(--sc-content-neutral-primary);outline:none;padding-left:var(--sc-input-padding-left);padding-right:var(--sc-input-padding-right);padding-top:12px;padding-bottom:12px;flex:1}.searchcraft-input::placeholder{color:var(--sc-content-disabled)}.searchcraft-input:focus{outline:var(--sc-border-brand) solid 2px}.searchcraft-input:focus::placeholder{opacity:0}.searchcraft-input.error{color:var(--sc-content-danger);outline:var(--sc-border-danger) solid 2px}.searchcraft-input.error:focus{outline:var(--sc-border-danger) solid 2px}.searchcraft-input-search-icon-wrapper{align-items:center;justify-content:center;display:flex;position:absolute;pointer-events:none;bottom:0;left:0;top:0;width:var(--sc-input-padding-left)}.searchcraft-input-search-icon{pointer-events:none;width:var(--sc-input-search-icon-size);height:var(--sc-input-search-icon-size)}.searchcraft-input-clear-button{all:unset;align-items:center;justify-content:center;cursor:pointer;display:flex;position:absolute;border:none;outline:none;bottom:0;right:0;top:0;width:var(--sc-input-padding-right)}.searchcraft-input-clear-icon{width:var(--sc-input-clear-icon-size);height:var(--sc-input-clear-icon-size)}";
+const SearchcraftInputFormStyle0 = searchcraftInputFormModuleCss;
+
+const SearchcraftInput = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.inputCleared = index.createEvent(this, "inputCleared", 7);
+        this.noResultsReceived = index.createEvent(this, "noResultsReceived", 7);
+        this.querySubmit = index.createEvent(this, "querySubmit", 7);
+        this.inputFocus = index.createEvent(this, "inputFocus", 7);
+        this.inputBlur = index.createEvent(this, "inputBlur", 7);
+        this.debounceTimeout = null;
+        this.searchStore = store.useSearchcraftStore.getState();
+        this.handleOnInput = (event) => {
+            const input = event.target;
+            this.inputValue = input.value;
+            if (input.value.trim() === '') {
+                this.inputCleared.emit();
+                return;
+            }
+            if (!this.autoSearch) {
+                return;
+            }
+            if (this.debounceDelay > 0) {
+                if (this.debounceTimeout) {
+                    clearTimeout(this.debounceTimeout);
+                }
+                this.debounceTimeout = setTimeout(() => this.performSearch(input.value), this.debounceDelay);
+            }
+            else {
+                this.performSearch(input.value);
+            }
+        };
+        this.performSearch = async (value) => {
+            if (value === store.useSearchcraftStore.getState().query) {
+                return;
+            }
+            this.querySubmit.emit(value);
+            this.searchTerm = value.trim();
+            this.error = false;
+            this.searchStore.setQuery(this.searchTerm);
+            try {
+                await this.searchStore.search();
+            }
+            catch (error) {
+                this.error = true;
+                this.inputCleared.emit();
+            }
+        };
+        this.handleClearInput = () => {
+            this.inputValue = '';
+            if (this.debounceTimeout) {
+                clearTimeout(this.debounceTimeout);
+            }
+            this.searchTerm = '';
+            this.searchStore.setQuery('');
+            this.searchStore.setSearchResults(null);
+            this.error = false;
+            if (this.inputCleared) {
+                this.inputCleared.emit();
+            }
+        };
+        this.handleFormSubmit = async (event) => {
+            event.preventDefault();
+            await this.performSearch(this.searchTerm);
+        };
+        this.config = undefined;
+        this.autoSearch = true;
+        this.buttonPlacement = 'none';
+        this.buttonLabel = undefined;
+        this.inputLabel = undefined;
+        this.customStyles = {};
+        this.placeholderValue = 'Enter Search';
+        this.searchTerm = '';
+        this.debounceDelay = 0;
+        this.inputValue = this.searchTerm;
+        this.error = false;
+    }
+    init() {
+        if (this.config) {
+            const searchcraft = new store.ie(this.config, {
+                sdkName: packageJson.name,
+                sdkVersion: packageJson.version,
+            });
+            this.searchStore.initialize(searchcraft, true);
+        }
+    }
+    componentDidLoad() {
+        this.init();
+    }
+    onConfigChange() {
+        this.init();
+    }
+    render() {
+        const validatedCustomStyles = utils.parseCustomStyles(this.customStyles);
+        const isShowingClearButton = this.inputValue.length > 0;
+        const inputGridClassNames = index$1.classNames('searchcraft-input-grid', {
+            'searchcraft-input-grid-buttonLeft': this.buttonPlacement === 'left',
+            'searchcraft-input-grid-buttonRight': this.buttonPlacement === 'right',
+            'searchcraft-input-grid-buttonNone': this.buttonPlacement === 'none',
+        });
+        return (index.h("form", { key: 'ac7eeb57d1d06df0be4354f2bb64b36d954d9cac', class: 'searchcraft-input-form', onSubmit: this.handleFormSubmit }, index.h("div", { key: '544156a87b038bd8585ea1c5613fee9f6906c973', class: inputGridClassNames }, index.h("div", { key: '7ff6b5150e440c45eef51f103e41314bd68dbe43', class: 'searchcraft-input-button-wrapper' }, index.h("searchcraft-button", { key: '3b0c6c94485133259dc247905d0bd5b224f74e4e', onButtonClick: this.handleFormSubmit, label: this.buttonLabel })), index.h("div", { key: '8604e917290120905a92cf948a5a76f52197e882', class: 'searchcraft-input-label-wrapper' }, index.h("searchcraft-input-label", { key: '376e1c3e3b84f683872e118a14da2a229e4b8eb5', label: this.inputLabel })), this.error && (index.h("div", { key: 'aa26f0b978e134ca026ea290eb149d6626185ac2', class: 'searchcraft-input-error-wrapper' }, index.h("searchcraft-error-message", { key: '87340701fd0a5fcbd0249d9798a607e920089080', errorMessage: 'Please enter a search query.' }))), index.h("div", { key: 'ebd7c6d07da299a7d2553ccb96fc618222e228df', class: 'searchcraft-input-wrapper' }, index.h("input", { key: '1961a43111858561b4d2e84935b3c47cec45397f', autoComplete: 'off', class: 'searchcraft-input', onFocus: () => this.inputFocus.emit(), onBlur: () => this.inputBlur.emit(), onInput: (event) => {
+                this.handleOnInput(event);
+            }, placeholder: this.placeholderValue, style: validatedCustomStyles, type: 'text', value: this.inputValue }), index.h("div", { key: '966ac230dd6946dad185d9f657145ebab76a262a', class: 'searchcraft-input-search-icon-wrapper' }, index.h("svg", { key: '12d139c60fe38055df9ea502c877fb773b38682d', class: 'searchcraft-input-search-icon', viewBox: '0 0 20 20', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', "aria-labelledby": 'searchcraft-title' }, index.h("title", { key: 'b8eea376073c55c6e0e4bf29d40230f1d2220ce7', id: 'searchcraft-title' }, "Searchcraft Search Icon Light"), index.h("path", { key: 'c513ef3b3cea3823e7838ac2574cd5a237e06ef1', d: 'M17.5 17.5L13.875 13.875M15.8333 9.16667C15.8333 12.8486 12.8486 15.8333 9.16667 15.8333C5.48477 15.8333 2.5 12.8486 2.5 9.16667C2.5 5.48477 5.48477 2.5 9.16667 2.5C12.8486 2.5 15.8333 5.48477 15.8333 9.16667Z', stroke: '#404040', "stroke-width": '1.5', "stroke-linecap": 'round', "stroke-linejoin": 'round' }))), isShowingClearButton && (index.h("button", { key: '35e056ea1d2530e045c3edae231204f9c490d10b', type: 'button', class: 'searchcraft-input-clear-button', onClick: this.handleClearInput }, index.h("svg", { key: '3ab21fc44269d2f13ba91c21d24becd3ea5e2728', class: 'searchcraft-input-clear-icon', viewBox: '0 0 22 22', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', "aria-labelledby": 'icon-title' }, index.h("title", { key: 'c9c4c5c1a5772cac63e3cf5557cc6e90f0b1a1f1', id: 'icon-title' }, "Searchcraft Clear Input Icon Light"), index.h("path", { key: '36740b841f8ec8e439c8e7fbefd37dafafcf5d00', d: 'M14 8L8 14M8 8L14 14M21 11C21 16.5228 16.5228 21 11 21C5.47715 21 1 16.5228 1 11C1 5.47715 5.47715 1 11 1C16.5228 1 21 5.47715 21 11Z', stroke: 'black', "stroke-width": '1.5', "stroke-linecap": 'round', "stroke-linejoin": 'round' }))))))));
+    }
+    static get watchers() { return {
+        "config": ["onConfigChange"]
+    }; }
+};
+SearchcraftInput.style = SearchcraftInputFormStyle0;
+
+exports.searchcraft_input_form = SearchcraftInput;
+
+//# sourceMappingURL=searchcraft-input-form.cjs.entry.js.map

package/dist/cjs/searchcraft-input-form.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"searchcraft-input-form.entry.cjs.js","mappings":"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","names":["useSearchcraftStore","SearchcraftCore","parseCustomStyles","classNames","h"],"sources":["src/components/searchcraft-input-form/searchcraft-input-form.module.scss?tag=searchcraft-input-form","src/components/searchcraft-input-form/searchcraft-input-form.tsx"],"sourcesContent":[".searchcraft-input-wrapper {\n  position: relative;\n  display: flex;\n}\n\n.searchcraft-input-grid {\n  display: grid;\n  gap: 4px 8px;\n}\n\n.searchcraft-input-grid-buttonLeft {\n  grid-template-rows: repeat(3, auto);\n  grid-template-columns: auto 1fr;\n\n  & .searchcraft-input-button-wrapper {\n    grid-column: 1 / span 1;\n    grid-row: 2 / span 1;\n  }\n\n  & .searchcraft-input-label-wrapper {\n    grid-column: 2 / span 1;\n    grid-row: 1 / span 1;\n  }\n\n  & .searchcraft-input-error-wrapper {\n    grid-column: 2 / span 1;\n    grid-row: 3 / span 1;\n  }\n\n  & .searchcraft-input-wrapper {\n    grid-column: 2 / span 1;\n    grid-row: 2 / span 1;\n  }\n}\n\n.searchcraft-input-grid-buttonRight {\n  grid-template-rows: repeat(3, auto);\n  grid-template-columns: 1fr auto;\n\n  & .searchcraft-input-button-wrapper {\n    grid-column: 2 / span 1;\n    grid-row: 2 / span 1;\n  }\n\n  & .searchcraft-input-label-wrapper {\n    grid-column: 1 / span 1;\n    grid-row: 1 / span 1;\n  }\n\n  & .searchcraft-input-error-wrapper {\n    grid-column: 1 / span 1;\n    grid-row: 3 / span 1;\n  }\n\n  & .searchcraft-input-wrapper {\n    grid-column: 1 / span 1;\n    grid-row: 2 / span 1;\n  }\n}\n\n.searchcraft-input-grid-buttonNone {\n  grid-template-rows: repeat(3, auto);\n  grid-template-columns: auto;\n\n  & .searchcraft-input-button-wrapper {\n    display: none;\n  }\n\n  & .searchcraft-input-label-wrapper {\n    grid-column: 1 / span 1;\n    grid-row: 1 / span 1;\n  }\n\n  & .searchcraft-input-error-wrapper {\n    grid-column: 1 / span 1;\n    grid-row: 3 / span 1;\n  }\n\n  & .searchcraft-input-wrapper {\n    grid-column: 1 / span 1;\n    grid-row: 2 / span 1;\n  }\n}\n\n.searchcraft-input {\n  @include body();\n  background-color: var(--sc-surface-neutral-secondary);\n  border: none;\n  border-radius: var(--sc-input-border-radius);\n  color: var(--sc-content-neutral-primary);\n  outline: none;\n  padding-left: var(--sc-input-padding-left);\n  padding-right: var(--sc-input-padding-right);\n  padding-top: 12px;\n  padding-bottom: 12px;\n  flex: 1;\n\n  &::placeholder {\n    color: var(--sc-content-disabled);\n  }\n\n  &:focus {\n    outline: var(--sc-border-brand) solid 2px;\n  }\n\n  &:focus::placeholder {\n    opacity: 0;\n  }\n}\n\n.searchcraft-input.error {\n  color: var(--sc-content-danger);\n  outline: var(--sc-border-danger) solid 2px;\n\n  &:focus {\n    outline: var(--sc-border-danger) solid 2px;\n  }\n}\n\n.searchcraft-input-search-icon-wrapper {\n  align-items: center;\n  justify-content: center;\n  display: flex;\n  position: absolute;\n  pointer-events: none;\n  bottom: 0;\n  left: 0;\n  top: 0;\n  width: var(--sc-input-padding-left);\n}\n\n.searchcraft-input-search-icon {\n  pointer-events: none;\n  width: var(--sc-input-search-icon-size);\n  height: var(--sc-input-search-icon-size);\n}\n\n.searchcraft-input-clear-button {\n  all: unset;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  display: flex;\n  position: absolute;\n  border: none;\n  outline: none;\n  bottom: 0;\n  right: 0;\n  top: 0;\n  width: var(--sc-input-padding-right);\n}\n\n.searchcraft-input-clear-icon {\n  width: var(--sc-input-clear-icon-size);\n  height: var(--sc-input-clear-icon-size);\n}\n","import {\n  Component,\n  h,\n  Prop,\n  State,\n  Event,\n  type EventEmitter,\n  Watch,\n} from '@stencil/core';\n\nimport { type SearchcraftConfig, SearchcraftCore } from '@searchcraft/core';\nimport packageJson from '../../../package.json';\n\nimport { parseCustomStyles } from '@utils/utils';\nimport { useSearchcraftStore } from '@provider/store';\nimport classNames from 'classnames';\n\nexport interface ScInputCustomEvent<T> extends CustomEvent<T> {\n  detail: T;\n  target: HTMLSearchcraftInputFormElement;\n}\n\n@Component({\n  tag: 'searchcraft-input-form',\n  styleUrl: 'searchcraft-input-form.module.scss',\n  shadow: false,\n})\nexport class SearchcraftInput {\n  /**\n   * The Searchcraft config object.\n   */\n  @Prop() config: SearchcraftConfig | undefined;\n  /**\n   * Whether or not to automatically submit the search term when the input changes.\n   */\n  @Prop() autoSearch = true;\n  /**\n   * Where to place the search button.\n   */\n  @Prop() buttonPlacement: 'left' | 'right' | 'none' = 'none';\n  /**\n   * The label for the submit button.\n   */\n  @Prop() buttonLabel: string | undefined;\n  /**\n   * The label rendered above the input.\n   */\n  @Prop() inputLabel: string | undefined;\n  /**\n   * A custom styles object to be applied to the input element.\n   */\n  @Prop() customStyles: string | Record<string, string> = {};\n  /**\n   * The input element's placeholder value.\n   */\n  @Prop() placeholderValue = 'Enter Search';\n  /**\n   * The starting value of the input element.\n   */\n  @Prop() searchTerm = '';\n  /**\n   * The duration to debounce the input's `inputChange` event.\n   */\n  @Prop() debounceDelay = 0;\n  /**\n   * Event emitted when the input element has been cleared.\n   */\n  @Event() inputCleared: EventEmitter<void>;\n  /**\n   * Event emitted when a query returns with no results received.\n   */\n  @Event() noResultsReceived: EventEmitter<void>;\n  /**\n   * Event emitted when a new search request has been submitted.\n   */\n  @Event() querySubmit: EventEmitter<string>;\n  /**\n   * Event emitted when the input has gained focus.\n   */\n  @Event() inputFocus: EventEmitter<void>;\n  /**\n   * Event emitted when the input has lost focus.\n   */\n  @Event() inputBlur: EventEmitter<void>;\n\n  @State() inputValue = this.searchTerm;\n  @State() error = false;\n\n  private debounceTimeout: ReturnType<typeof setTimeout> | null = null;\n  private searchStore = useSearchcraftStore.getState();\n\n  init() {\n    if (this.config) {\n      const searchcraft = new SearchcraftCore(this.config, {\n        sdkName: packageJson.name,\n        sdkVersion: packageJson.version,\n      });\n      this.searchStore.initialize(searchcraft, true);\n    }\n  }\n\n  componentDidLoad() {\n    this.init();\n  }\n\n  @Watch('config')\n  onConfigChange() {\n    this.init();\n  }\n\n  handleOnInput = (event: Event) => {\n    const input = event.target as HTMLInputElement;\n    this.inputValue = input.value;\n\n    if (input.value.trim() === '') {\n      this.inputCleared.emit();\n      return;\n    }\n\n    if (!this.autoSearch) {\n      return;\n    }\n\n    if (this.debounceDelay > 0) {\n      if (this.debounceTimeout) {\n        clearTimeout(this.debounceTimeout);\n      }\n\n      this.debounceTimeout = setTimeout(\n        () => this.performSearch(input.value),\n        this.debounceDelay,\n      );\n    } else {\n      this.performSearch(input.value);\n    }\n  };\n\n  private performSearch = async (value: string) => {\n    if (value === useSearchcraftStore.getState().query) {\n      return;\n    }\n    this.querySubmit.emit(value);\n    this.searchTerm = value.trim();\n    this.error = false;\n    this.searchStore.setQuery(this.searchTerm);\n\n    try {\n      await this.searchStore.search();\n    } catch (error) {\n      this.error = true;\n      this.inputCleared.emit();\n    }\n  };\n\n  handleClearInput = () => {\n    this.inputValue = '';\n\n    if (this.debounceTimeout) {\n      clearTimeout(this.debounceTimeout);\n    }\n\n    this.searchTerm = '';\n    this.searchStore.setQuery('');\n    this.searchStore.setSearchResults(null);\n    this.error = false;\n\n    if (this.inputCleared) {\n      this.inputCleared.emit();\n    }\n  };\n\n  handleFormSubmit = async (event: Event) => {\n    event.preventDefault();\n    await this.performSearch(this.searchTerm);\n  };\n\n  render() {\n    const validatedCustomStyles = parseCustomStyles(this.customStyles);\n\n    const isShowingClearButton = this.inputValue.length > 0;\n\n    const inputGridClassNames = classNames('searchcraft-input-grid', {\n      'searchcraft-input-grid-buttonLeft': this.buttonPlacement === 'left',\n      'searchcraft-input-grid-buttonRight': this.buttonPlacement === 'right',\n      'searchcraft-input-grid-buttonNone': this.buttonPlacement === 'none',\n    });\n\n    return (\n      <form class='searchcraft-input-form' onSubmit={this.handleFormSubmit}>\n        <div class={inputGridClassNames}>\n          <div class='searchcraft-input-button-wrapper'>\n            <searchcraft-button\n              onButtonClick={this.handleFormSubmit}\n              label={this.buttonLabel}\n            />\n          </div>\n          <div class='searchcraft-input-label-wrapper'>\n            <searchcraft-input-label label={this.inputLabel} />\n          </div>\n          {this.error && (\n            <div class='searchcraft-input-error-wrapper'>\n              <searchcraft-error-message errorMessage='Please enter a search query.' />\n            </div>\n          )}\n          <div class='searchcraft-input-wrapper'>\n            <input\n              autoComplete='off'\n              class='searchcraft-input'\n              onFocus={() => this.inputFocus.emit()}\n              onBlur={() => this.inputBlur.emit()}\n              onInput={(event) => {\n                this.handleOnInput(event);\n              }}\n              placeholder={this.placeholderValue}\n              style={validatedCustomStyles}\n              type='text'\n              value={this.inputValue}\n            />\n            <div class='searchcraft-input-search-icon-wrapper'>\n              <svg\n                class='searchcraft-input-search-icon'\n                viewBox='0 0 20 20'\n                fill='none'\n                xmlns='http://www.w3.org/2000/svg'\n                aria-labelledby='searchcraft-title'\n              >\n                <title id='searchcraft-title'>\n                  Searchcraft Search Icon Light\n                </title>\n                <path\n                  d='M17.5 17.5L13.875 13.875M15.8333 9.16667C15.8333 12.8486 12.8486 15.8333 9.16667 15.8333C5.48477 15.8333 2.5 12.8486 2.5 9.16667C2.5 5.48477 5.48477 2.5 9.16667 2.5C12.8486 2.5 15.8333 5.48477 15.8333 9.16667Z'\n                  stroke='#404040'\n                  stroke-width='1.5'\n                  stroke-linecap='round'\n                  stroke-linejoin='round'\n                />\n              </svg>\n            </div>\n            {isShowingClearButton && (\n              <button\n                type='button'\n                class='searchcraft-input-clear-button'\n                onClick={this.handleClearInput}\n              >\n                <svg\n                  class='searchcraft-input-clear-icon'\n                  viewBox='0 0 22 22'\n                  fill='none'\n                  xmlns='http://www.w3.org/2000/svg'\n                  aria-labelledby='icon-title'\n                >\n                  <title id='icon-title'>\n                    Searchcraft Clear Input Icon Light\n                  </title>\n                  <path\n                    d='M14 8L8 14M8 8L14 14M21 11C21 16.5228 16.5228 21 11 21C5.47715 21 1 16.5228 1 11C1 5.47715 5.47715 1 11 1C16.5228 1 21 5.47715 21 11Z'\n                    stroke='black'\n                    stroke-width='1.5'\n                    stroke-linecap='round'\n                    stroke-linejoin='round'\n                  />\n                </svg>\n              </button>\n            )}\n          </div>\n        </div>\n      </form>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/searchcraft-javascript-sdk.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-6916cc47.js');
+const index = require('./index-b76bece0.js');
 const appGlobals = require('./app-globals-3a1e7e63.js');
 
 /*
@@ -19,7 +19,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["searchcraft-base-search-form.cjs",[[0,"searchcraft-base-search-form",{"config":[16],"errorMessage":[1,"error-message"],"inputLabel":[1,"input-label"],"buttonLabel":[1,"button-label"],"buttonPlacement":[1,"button-placement"],"error":[32],"query":[32],"searchResults":[32]}]]],["searchcraft-filter-panel.cjs",[[0,"searchcraft-filter-panel",{"items":[16],"unsubscribe":[32],"lastQuery":[32]}]]],["searchcraft-auto-search-form.cjs",[[0,"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"],"labelForInput":[1,"label-for-input"],"placeholderValue":[1,"placeholder-value"],"searchContainerClass":[1,"search-container-class"],"error":[32],"isRequesting":[32],"query":[32],"searchResults":[32]},null,{"config":["onConfigChange"]}]]],["searchcraft-base-search-results.cjs",[[4,"searchcraft-base-search-results",{"adInterval":[2,"ad-interval"],"customStylesForResults":[1,"custom-styles-for-results"],"searchResultMappings":[16],"placeAdAtEnd":[4,"place-ad-at-end"],"placeAdAtStart":[4,"place-ad-at-start"],"resultImagePlacement":[1,"result-image-placement"],"buttonLabel":[1,"button-label"],"buttonTarget":[1,"button-target"],"buttonRel":[1,"button-rel"],"containerTarget":[1,"container-target"],"containerRel":[1,"container-rel"],"hasSearched":[32],"query":[32],"searchResults":[32]}]]],["searchcraft-button-icon.cjs",[[1,"searchcraft-button-icon"]]],["searchcraft-clear-icon-set.cjs",[[1,"searchcraft-clear-icon-set",{"type":[1]}]]],["searchcraft-results-info.cjs",[[0,"searchcraft-results-info",{"isRequesting":[32],"resultsCount":[32],"responseTime":[32],"query":[32]}]]],["searchcraft-search-icon-set.cjs",[[1,"searchcraft-search-icon-set",{"type":[1],"width":[2],"height":[2]}]]],["searchcraft-spinner-light.cjs",[[1,"searchcraft-spinner-light"]]],["searchcraft-spinner-dark.cjs",[[1,"searchcraft-spinner-dark"]]],["searchcraft-button.cjs",[[0,"searchcraft-button",{"iconElement":[16],"iconOnly":[4,"icon-only"],"iconPosition":[1,"icon-position"],"label":[1],"isRequesting":[32]}]]],["searchcraft-base-search-result.cjs",[[0,"searchcraft-base-search-result",{"titleContent":[1,"title-content"],"subtitleContent":[1,"subtitle-content"],"bodyContent":[1,"body-content"],"footerContent":[1,"footer-content"],"buttonLabel":[1,"button-label"],"buttonHref":[1,"button-href"],"buttonTarget":[1,"button-target"],"buttonRel":[1,"button-rel"],"containerHref":[1,"container-href"],"containerTarget":[1,"container-target"],"containerRel":[1,"container-rel"],"imageSrc":[1,"image-src"],"imageAlt":[1,"image-alt"],"imagePlacement":[1,"image-placement"],"customStyles":[1,"custom-styles"],"documentPosition":[2,"document-position"]}]]],["searchcraft-check-icon_2.cjs",[[1,"searchcraft-check-icon"],[1,"searchcraft-dash-icon"]]],["searchcraft-facet-list_3.cjs",[[0,"searchcraft-facet-list",{"fieldName":[1,"field-name"],"baseFacetRoot":[32],"facetRoot":[32],"selectedPaths":[32],"lastQuery":[32],"lastTimeTaken":[32],"hasNewSearchTerm":[32],"unsubscribe":[32]}],[0,"searchcraft-slider",{"max":[2],"min":[2],"granularity":[2],"dataType":[1,"data-type"],"endValue":[32],"startValue":[32],"lastFocusedHandle":[32]}],[0,"searchcraft-toggle-button",{"label":[1],"subLabel":[1,"sub-label"],"isActive":[32],"unsubscribe":[32],"lastQuery":[32]}]]],["searchcraft-error-message_3.cjs",[[0,"searchcraft-input",{"customStyles":[1,"custom-styles"],"error":[4],"inputCaptionClassName":[1,"input-caption-class-name"],"inputCaptionValue":[1,"input-caption-value"],"inputClassName":[1,"input-class-name"],"isRequesting":[4,"is-requesting"],"placeholderValue":[1,"placeholder-value"],"query":[1],"flex":[4],"inputValue":[32]}],[0,"searchcraft-input-label",{"inputLabelClassName":[1,"input-label-class-name"],"label":[1]}],[0,"searchcraft-error-message",{"errorMessage":[1,"error-message"]}]]]], options);
+  return index.bootstrapLazy([["searchcraft-filter-panel.cjs",[[0,"searchcraft-filter-panel",{"items":[16],"unsubscribe":[32],"lastQuery":[32]}]]],["searchcraft-input-form.cjs",[[0,"searchcraft-input-form",{"config":[16],"autoSearch":[4,"auto-search"],"buttonPlacement":[1,"button-placement"],"buttonLabel":[1,"button-label"],"inputLabel":[1,"input-label"],"customStyles":[1,"custom-styles"],"placeholderValue":[1,"placeholder-value"],"searchTerm":[1,"search-term"],"debounceDelay":[2,"debounce-delay"],"inputValue":[32],"error":[32]},null,{"config":["onConfigChange"]}]]],["searchcraft-base-search-results.cjs",[[4,"searchcraft-base-search-results",{"adInterval":[2,"ad-interval"],"customStylesForResults":[1,"custom-styles-for-results"],"searchResultMappings":[16],"placeAdAtEnd":[4,"place-ad-at-end"],"placeAdAtStart":[4,"place-ad-at-start"],"resultImagePlacement":[1,"result-image-placement"],"buttonLabel":[1,"button-label"],"buttonTarget":[1,"button-target"],"buttonRel":[1,"button-rel"],"containerTarget":[1,"container-target"],"containerRel":[1,"container-rel"],"hasSearched":[32],"query":[32],"searchResults":[32]}]]],["searchcraft-popover-form.cjs",[[0,"searchcraft-popover-form",{"config":[16],"type":[1],"popoverResultMappings":[16]}]]],["searchcraft-popover-result.cjs",[[0,"searchcraft-popover-result"]]],["searchcraft-results-info.cjs",[[0,"searchcraft-results-info",{"isRequesting":[32],"resultsCount":[32],"responseTime":[32],"query":[32]}]]],["searchcraft-base-search-result.cjs",[[0,"searchcraft-base-search-result",{"titleContent":[1,"title-content"],"subtitleContent":[1,"subtitle-content"],"bodyContent":[1,"body-content"],"footerContent":[1,"footer-content"],"buttonLabel":[1,"button-label"],"buttonHref":[1,"button-href"],"buttonTarget":[1,"button-target"],"buttonRel":[1,"button-rel"],"containerHref":[1,"container-href"],"containerTarget":[1,"container-target"],"containerRel":[1,"container-rel"],"imageSrc":[1,"image-src"],"imageAlt":[1,"image-alt"],"imagePlacement":[1,"image-placement"],"customStyles":[1,"custom-styles"],"documentPosition":[2,"document-position"]}]]],["searchcraft-popover-list-view.cjs",[[0,"searchcraft-popover-list-view",{"popoverResultMappings":[16]}]]],["searchcraft-button_2.cjs",[[0,"searchcraft-button",{"iconElement":[16],"iconOnly":[4,"icon-only"],"iconPosition":[1,"icon-position"],"label":[1],"isRequesting":[32]}],[0,"searchcraft-input-label",{"inputLabelClassName":[1,"input-label-class-name"],"label":[1]}]]],["searchcraft-error-message.cjs",[[0,"searchcraft-error-message",{"errorMessage":[1,"error-message"]}]]],["searchcraft-facet-list_3.cjs",[[0,"searchcraft-facet-list",{"fieldName":[1,"field-name"],"baseFacetRoot":[32],"facetRoot":[32],"selectedPaths":[32],"lastTimeTaken":[32],"hasNewSearchTerm":[32],"lastQuery":[32],"lastSearchMode":[32],"lastSortType":[32],"unsubscribe":[32]}],[0,"searchcraft-slider",{"max":[2],"min":[2],"granularity":[2],"dataType":[1,"data-type"],"endValue":[32],"startValue":[32],"lastFocusedHandle":[32]}],[0,"searchcraft-toggle-button",{"label":[1],"subLabel":[1,"sub-label"],"isActive":[32],"unsubscribe":[32],"lastQuery":[32]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/cjs/searchcraft-popover-form.cjs.entry.js

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-b76bece0.js');
+
+const searchcraftPopoverFormModuleCss = "";
+const SearchcraftPopoverFormStyle0 = searchcraftPopoverFormModuleCss;
+
+const SearchcraftPopoverForm = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.config = undefined;
+        this.type = 'inline';
+        this.popoverResultMappings = undefined;
+    }
+    render() {
+        return (index.h("div", { key: 'a0a5602203dc33f66fd950187e8f9761a13e5bdc', style: { display: 'flex', flexDirection: 'column', flex: '1' } }, index.h("searchcraft-input", { key: 'b8f9b0d86e66a17f8ddd9966e577e16c4834d1cb', onInputFocus: () => console.log('focused'), onInputBlur: () => console.log('blurred') }), index.h("searchcraft-popover-list-view", { key: 'a6f5bf1118cd759f28e634e3dadbe64fe3470b6b', popoverResultMappings: this.popoverResultMappings })));
+    }
+};
+SearchcraftPopoverForm.style = SearchcraftPopoverFormStyle0;
+
+exports.searchcraft_popover_form = SearchcraftPopoverForm;
+
+//# sourceMappingURL=searchcraft-popover-form.cjs.entry.js.map

package/dist/cjs/searchcraft-popover-form.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"searchcraft-popover-form.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,+BAA+B,GAAG,EAAE,CAAC;AAC3C,qCAAe,+BAA+B;;MCUjC,sBAAsB;;;;oBAEiB,QAAQ;;;IAG1D,MAAM;QACJ,QACEA,kEAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,EAAE,IACjEA,gFACE,YAAY,EAAE,MAAM,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,EAC1C,WAAW,EAAE,MAAM,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,GACzC,EACFA,4FACE,qBAAqB,EAAE,IAAI,CAAC,qBAAqB,GACjD,CACE,EACN;KACH;;;;;;","names":["h"],"sources":["src/components/searchcraft-popover-form/searchcraft-popover-form.module.scss?tag=searchcraft-popover-form","src/components/searchcraft-popover-form/searchcraft-popover-form.tsx"],"sourcesContent":["","import { Component, Prop, h } from '@stencil/core';\n\nimport type { SearchcraftConfig } from '@searchcraft/core';\n\nimport type { PopoverResultMappings } from 'types';\n\n@Component({\n  tag: 'searchcraft-popover-form',\n  styleUrl: 'searchcraft-popover-form.module.scss',\n  shadow: false,\n})\nexport class SearchcraftPopoverForm {\n  @Prop() config: SearchcraftConfig | undefined;\n  @Prop() type: 'inline' | 'fullscreen' | 'modal' = 'inline';\n  @Prop() popoverResultMappings: PopoverResultMappings | undefined;\n\n  render() {\n    return (\n      <div style={{ display: 'flex', flexDirection: 'column', flex: '1' }}>\n        <searchcraft-input\n          onInputFocus={() => console.log('focused')}\n          onInputBlur={() => console.log('blurred')}\n        />\n        <searchcraft-popover-list-view\n          popoverResultMappings={this.popoverResultMappings}\n        />\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/searchcraft-popover-list-view.cjs.entry.js

@@ -0,0 +1,26 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-b76bece0.js');
+
+const searchcraftPopoverListViewModuleCss = "";
+const SearchcraftPopoverListViewStyle0 = searchcraftPopoverListViewModuleCss;
+
+const SearchcraftPopoverListView = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.popoverResultMappings = undefined;
+    }
+    componentDidLoad() { }
+    connectedCallback() { }
+    disconnectedCallback() { }
+    render() {
+        return (index.h("div", { key: 'a35800c35a9c5104e1a519452295e41a020b7efc', style: { display: 'flex' } }, index.h("p", { key: '5d158cefd96951528e0690d2299d8847e1777d35' }, "[popover list view]")));
+    }
+};
+SearchcraftPopoverListView.style = SearchcraftPopoverListViewStyle0;
+
+exports.searchcraft_popover_list_view = SearchcraftPopoverListView;
+
+//# sourceMappingURL=searchcraft-popover-list-view.cjs.entry.js.map

package/dist/cjs/searchcraft-popover-list-view.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"searchcraft-popover-list-view.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,mCAAmC,GAAG,EAAE,CAAC;AAC/C,yCAAe,mCAAmC;;MCOrC,0BAA0B;;;;;IAGrC,gBAAgB,MAAK;IAErB,iBAAiB,MAAK;IAEtB,oBAAoB,MAAK;IAEzB,MAAM;QACJ,QACEA,kEAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,IAC7BA,wFAA0B,CACtB,EACN;KACH;;;;;;","names":["h"],"sources":["src/components/searchcraft-popover-list-view/searchcraft-popover-list-view.module.scss?tag=searchcraft-popover-list-view","src/components/searchcraft-popover-list-view/searchcraft-popover-list-view.tsx"],"sourcesContent":["","import { Component, h, Prop } from '@stencil/core';\nimport type { PopoverResultMappings } from 'types';\n\n@Component({\n  tag: 'searchcraft-popover-list-view',\n  styleUrl: 'searchcraft-popover-list-view.module.scss',\n  shadow: false,\n})\nexport class SearchcraftPopoverListView {\n  @Prop() popoverResultMappings: PopoverResultMappings | undefined;\n\n  componentDidLoad() {}\n\n  connectedCallback() {}\n\n  disconnectedCallback() {}\n\n  render() {\n    return (\n      <div style={{ display: 'flex' }}>\n        <p>[popover list view]</p>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/searchcraft-popover-result.cjs.entry.js

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-b76bece0.js');
+
+const searchcraftPopoverResultModuleCss = "";
+const SearchcraftPopoverResultStyle0 = searchcraftPopoverResultModuleCss;
+
+const SearchcraftPopoverResult = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    componentDidLoad() { }
+    connectedCallback() { }
+    disconnectedCallback() { }
+    render() {
+        return (index.h("div", { key: 'e4d6558ca479b241642b04513e173ac9abadeab0', style: { display: 'flex' } }, index.h("p", { key: 'c9e99c2d2e829d00f7d3905e52deb6061ff71077' }, "[popover result]")));
+    }
+};
+SearchcraftPopoverResult.style = SearchcraftPopoverResultStyle0;
+
+exports.searchcraft_popover_result = SearchcraftPopoverResult;
+
+//# sourceMappingURL=searchcraft-popover-result.cjs.entry.js.map

package/dist/cjs/searchcraft-popover-result.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"searchcraft-popover-result.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,iCAAiC,GAAG,EAAE,CAAC;AAC7C,uCAAe,iCAAiC;;MCMnC,wBAAwB;;;;IACnC,gBAAgB,MAAK;IAErB,iBAAiB,MAAK;IAEtB,oBAAoB,MAAK;IAEzB,MAAM;QACJ,QACEA,kEAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,IAC7BA,qFAAuB,CACnB,EACN;KACH;;;;;;","names":["h"],"sources":["src/components/searchcraft-popover-result/searchcraft-popover-result.module.scss?tag=searchcraft-popover-result","src/components/searchcraft-popover-result/searchcraft-popover-result.tsx"],"sourcesContent":["","import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'searchcraft-popover-result',\n  styleUrl: 'searchcraft-popover-result.module.scss',\n  shadow: false,\n})\nexport class SearchcraftPopoverResult {\n  componentDidLoad() {}\n\n  connectedCallback() {}\n\n  disconnectedCallback() {}\n\n  render() {\n    return (\n      <div style={{ display: 'flex' }}>\n        <p>[popover result]</p>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/searchcraft-results-info.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-6916cc47.js');
-const store = require('./store-afa727af.js');
+const index = require('./index-b76bece0.js');
+const store = require('./store-f2faf5d3.js');
 const utils = require('./utils-a17279a2.js');
 
 const searchcraftResultsInfoModuleCss = ":root{--sc-spinner-size:20px;--sc-input-border-radius:8px;--sc-input-search-icon-size:20px;--sc-input-clear-icon-size:20px;--sc-input-padding-left:44px;--sc-input-padding-right:44px;--sc-image-border-radius:8px}:root{--sc-surface-disabled:#D9D9D9;--sc-surface-neutral-primary:#FFFFFF;--sc-surface-neutral-secondary:#F3F3F3;--sc-surface-neutral-light:#FFFFFF;--sc-surface-neutral-primary-hover:#FAFAFA;--sc-surface-neutral-primary-active:#F7F7F7;--sc-surface-neutral-secondary-hover:#EDEDED;--sc-surface-neutral-secondary-active:#E6E6E6;--sc-surface-brand-primary:#000000;--sc-surface-brand-secondary:#E6E6E6;--sc-surface-brand-primary-hover:#2E2E2E;--sc-surface-brand-primary-active:#292929;--sc-surface-brand-secondary-hover:#EBEBEB;--sc-surface-brand-secondary-active:#E0E0E0;--sc-surface-success-primary:#008000;--sc-surface-success-secondary:#CCFFCC;--sc-surface-success-primary-hover:#009900;--sc-surface-success-primary-active:#006600;--sc-surface-success-secondary-hover:#E6FFE6;--sc-surface-success-secondary-active:#E6FFE6;--sc-surface-caution-primary:#CC6600;--sc-surface-caution-secondary:#FFD9B3;--sc-surface-caution-primary-hover:#E57300;--sc-surface-caution-primary-active:#B25A00;--sc-surface-caution-secondary-hover:#FFE5CC;--sc-surface-caution-secondary-active:#FFCC99;--sc-surface-danger-primary:#CC0000;--sc-surface-danger-secondary:#FFCCCC;--sc-surface-danger-primary-hover:#E50000;--sc-surface-danger-primary-active:#B30000;--sc-surface-danger-secondary-hover:#FFE7E7;--sc-surface-danger-secondary-active:#FFB3B3;--sc-content-brand:#000000;--sc-content-success:#008000;--sc-content-caution:#994D00;--sc-content-danger:#990000;--sc-content-disabled:#737373;--sc-content-neutral-primary:#292929;--sc-content-neutral-secondary:#404040;--sc-content-brand-on-primary:#FFFFFF;--sc-content-success-on-primary:#FFFFFF;--sc-content-caution-on-primary:#FFFFFF;--sc-content-danger-on-primary:#FFFFFF;--sc-content-disabled-on-disabled:#737373;--sc-border-neutral:rgba(0,0,0, 0.1);--sc-border-brand:#000000;--sc-border-success:#008000;--sc-border-caution:#CC6600;--sc-border-danger:#CC0000;--sc-border-disabled:#737373}:root{--sc-font-family:sans-serif;--sc-heading-1-font-size:32px;--sc-heading-1-line-height:36px;--sc-heading-1-font-weight:700;--sc-heading-2-font-size:29px;--sc-heading-2-line-height:32px;--sc-heading-2-font-weight:700;--sc-heading-3-font-size:26px;--sc-heading-3-line-height:28px;--sc-heading-3-font-weight:700;--sc-heading-4-font-size:23px;--sc-heading-4-line-height:24px;--sc-heading-4-font-weight:700;--sc-heading-5-font-size:20px;--sc-heading-5-line-height:24px;--sc-heading-5-font-weight:700;--sc-heading-6-font-size:10px;--sc-heading-6-line-height:12px;--sc-heading-6-font-weight:700;--sc-body-bold-font-size:16px;--sc-body-bold-line-height:20px;--sc-body-bold-font-weight:700;--sc-body-font-size:16px;--sc-body-line-height:20px;--sc-body-font-weight:400;--sc-body-small-bold-font-size:12px;--sc-body-small-bold-line-height:16px;--sc-body-small-bold-font-weight:700;--sc-body-small-font-size:12px;--sc-body-small-line-height:16px;--sc-body-small-font-weight:400}.searchcraft-results-info-container{border-bottom:1px solid var(--sc-surface-disabled);display:flex;justify-content:flex-start}.searchcraft-results-info-content{color:var(--sc-content-primary);font-family:var(--sc-font-family);font-size:18px;font-weight:600;line-height:20px;margin:0px 0 8px}@media (max-width: 900px){.searchcraft-results-info-content{margin:0;margin-bottom:8px}}";

package/dist/cjs/{store-afa727af.js → store-f2faf5d3.js}

@@ -891,23 +891,26 @@ const useSearchcraftStore = zustand.create((set, get) => {
             /**
              * When a new query is set, also reset the sort type, search mode, and facet paths.
              */
-            set({
-                query,
-                facetPathsForIndexFields: {},
+            set(Object.assign({ query, facetPathsForIndexFields: {} }, (query.trim().length === 0 && {
                 searchMode: 'fuzzy',
                 sortType: 'asc',
-            });
+            })));
         },
         setSearchResults: (results) => set({ searchResults: results }),
         setFacets: (facets) => set({ facets }),
         setIsRequesting: (isRequesting) => set({ isRequesting }),
         search: async () => {
             const state = get();
+            log(O.INFO, `Starting search with search term: "${state.query}"`);
             if (!searchcraft) {
                 throw new Error('Searchcraft instance is not initialized.');
             }
+            if (!state.query.trim()) {
+                log(O.INFO, 'No search request was made: search term was empty.');
+                state.setSearchResults(null);
+                return;
+            }
             state.setIsRequesting(true);
-            log(O.INFO, `Starting search with query: "${state.query}"`);
             try {
                 const results = await searchcraft.search({
                     query: state.query,
@@ -948,4 +951,4 @@ exports.ie = ie;
 exports.useSearchcraftStore = useSearchcraftStore;
 exports.useThemeStore = useThemeStore;
 
-//# sourceMappingURL=store-afa727af.js.map
+//# sourceMappingURL=store-f2faf5d3.js.map