@searchcraft/javascript-sdk 0.1.0

package/dist/components/sc-auto-search-form.js

@@ -0,0 +1,152 @@
+import { p as proxyCustomElement, H, c as createEvent, h } from './p-a912a224.js';
+import { g, u as useSearchcraftStore } from './p-6f0eaec6.js';
+import { d as defineCustomElement$5 } from './p-75be555b.js';
+import { d as defineCustomElement$4 } from './p-5410e357.js';
+import { d as defineCustomElement$3 } from './p-184d9504.js';
+import { d as defineCustomElement$2 } from './p-23bdbb1f.js';
+
+const scAutoSearchFormModuleCss = ":root{--font-stack:Helvetica, Arial, sans-serif}.formLTR{text-align:left}.formRTL{text-align:right}.searchContainer{align-items:center;display:flex}";
+const ScAutoSearchFormStyle0 = scAutoSearchFormModuleCss;
+
+const ScAutoSearchForm$1 = /*@__PURE__*/ proxyCustomElement(class ScAutoSearchForm extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.querySubmit = createEvent(this, "querySubmit", 7);
+        this.debounceTimeout = null;
+        this.debounceDelay = 300; // 300ms debounce delay
+        this.componentDidLoad = () => {
+            const searchcraft = new g(this.config);
+            this.searchStore.initialize(searchcraft, true);
+        };
+        // Initialize searchStore as a private field
+        this.searchStore = useSearchcraftStore.getState();
+        /**
+         * Handles the input change event from sc-input
+         */
+        this.handleInputChange = (event) => {
+            console.log(event);
+            this.query = event.detail; // Update the query state with input value
+            if (this.debounceTimeout) {
+                clearTimeout(this.debounceTimeout); // Clear any existing timeout
+            }
+            // Emit querySubmit immediately for real-time updates
+            this.querySubmit.emit(this.query);
+            // Set a new debounce timeout to execute search after delay
+            this.debounceTimeout = setTimeout(() => {
+                this.runSearch(); // Execute search logic after typing stops
+            }, this.debounceDelay);
+        };
+        /**
+         * Handles the clear input event from sc-input
+         */
+        this.handleClearInput = () => {
+            this.query = '';
+            if (typeof this.clearInput === 'function') {
+                this.clearInput();
+            }
+            if (this.debounceTimeout) {
+                clearTimeout(this.debounceTimeout); // Clear the debounce timeout
+            }
+            // Reset error and search results
+            this.error = false;
+            this.searchResults = '';
+        };
+        /**
+         * Runs the search logic
+         */
+        this.runSearch = async () => {
+            if (this.query.trim() === '') {
+                this.error = true;
+                this.searchResults = '';
+            }
+            else {
+                this.error = false;
+                this.searchStore.setQuery(this.query); // Set the query in the searchStore
+                await this.searchStore.search(); // Perform the search
+                this.searchResults = JSON.stringify(this.searchStore.searchResults); // Store search results as JSON
+            }
+        };
+        /**
+         * Handles the form submission logic
+         */
+        this.handleFormSubmit = async (event) => {
+            event.preventDefault();
+            await this.runSearch(); // Trigger search logic on form submit
+        };
+        this.autoSearchFormClass = '';
+        this.clearInput = () => { };
+        this.config = {
+            apiKey: '',
+            endpointURL: '',
+            index: [],
+        };
+        this.inputCaptionValue = '';
+        this.labelForInput = 'Search';
+        this.placeholderValue = 'Search here';
+        this.rightToLeftOrientation = false;
+        this.searchContainerClass = '';
+        this.error = false;
+        this.query = '';
+        this.searchResults = '';
+    }
+    render() {
+        const formClass = this.rightToLeftOrientation ? 'formRTL' : 'formLTR';
+        return (h("form", { key: '9c467f62b6464d5976a6cdbb17071777829fcd65', class: `${formClass}`, onSubmit: this.handleFormSubmit }, h("label", { key: '0740487a130c5427a2e7c7c7bf9b112fdd2038f7' }, this.labelForInput), h("div", { key: '1b1816b4c1fa472f1227110d480fc3014782383b', class: 'searchContainer' }, h("sc-input", { key: '2e8bd731c91b75db17f0c177c4e57e04268cb0dd', "placeholder-value": this.placeholderValue, query: this.query, "input-caption-value": this.inputCaptionValue, "right-to-left-orientation": this.rightToLeftOrientation, onSearchInputChange: this.handleInputChange, onClearInput: this.handleClearInput })), this.error && h("p", { key: '82aa93fa1e009d49adf7ba4e6568298686b9b3ec', class: 'error' }, "Please enter a search query."), this.searchResults && h("pre", { key: '3c7e024e7d961418d2330d1ce9d117e2a7f24051', class: 'results' }, this.searchResults)));
+    }
+    static get style() { return ScAutoSearchFormStyle0; }
+}, [1, "sc-auto-search-form", {
+        "autoSearchFormClass": [1, "auto-search-form-class"],
+        "clearInput": [16],
+        "config": [16],
+        "inputCaptionValue": [1, "input-caption-value"],
+        "labelForInput": [1, "label-for-input"],
+        "placeholderValue": [1, "placeholder-value"],
+        "rightToLeftOrientation": [4, "right-to-left-orientation"],
+        "searchContainerClass": [1, "search-container-class"],
+        "error": [32],
+        "query": [32],
+        "searchResults": [32]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["sc-auto-search-form", "sc-clear-input-button", "sc-input", "sc-input-caption", "sc-input-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "sc-auto-search-form":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ScAutoSearchForm$1);
+            }
+            break;
+        case "sc-clear-input-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "sc-input":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "sc-input-caption":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "sc-input-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const ScAutoSearchForm = ScAutoSearchForm$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ScAutoSearchForm, defineCustomElement };
+
+//# sourceMappingURL=sc-auto-search-form.js.map

package/dist/components/sc-auto-search-form.js.map

@@ -0,0 +1 @@
+{"file":"sc-auto-search-form.js","mappings":"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","names":["ScAutoSearchForm","SearchcraftCore"],"sources":["src/components/sc-auto-search-form/sc-auto-search-form.module.scss?tag=sc-auto-search-form&encapsulation=shadow","src/components/sc-auto-search-form/sc-auto-search-form.tsx"],"sourcesContent":[":root {\n  --font-stack: Helvetica, Arial, sans-serif;\n}\n\n.formLTR {\n  text-align: left;\n}\n\n.formRTL {\n  text-align: right;\n}\n\n.searchContainer {\n  align-items: center;\n  display: flex;\n}","import {\n  Component,\n  Prop,\n  State,\n  Event,\n  type EventEmitter,\n  h,\n} from '@stencil/core';\nimport {\n  type CoreConfigSDK,\n  CoreSDK as SearchcraftCore,\n} from '@searchcraft/core';\n\nimport type { ScInputCustomEvent } from '@components/sc-input/sc-input';\nimport { useSearchcraftStore } from '@provider/store';\n\n@Component({\n  tag: 'sc-auto-search-form',\n  styleUrl: 'sc-auto-search-form.module.scss',\n  shadow: true,\n})\nexport class ScAutoSearchForm {\n  @Prop() autoSearchFormClass = '';\n  @Prop() clearInput: () => void = () => {}; // Default assignment ensures no undefined error\n  @Prop() config: CoreConfigSDK = {\n    apiKey: '',\n    endpointURL: '',\n    index: [],\n  };\n  @Prop() inputCaptionValue = '';\n  @Prop() labelForInput = 'Search';\n  @Prop() placeholderValue = 'Search here';\n  @Prop() rightToLeftOrientation = false;\n  @Prop() searchContainerClass = '';\n\n  /**\n   * Event emitted when the search query changes\n   */\n  @Event() querySubmit: EventEmitter<string>;\n\n  @State() error = false;\n  @State() query = '';\n  @State() searchResults = '';\n\n  private debounceTimeout: ReturnType<typeof setTimeout> | null = null;\n  private debounceDelay = 300; // 300ms debounce delay\n\n  componentDidLoad = () => {\n    const searchcraft = new SearchcraftCore(this.config);\n    this.searchStore.initialize(searchcraft, true);\n  };\n\n  // Initialize searchStore as a private field\n  private searchStore = useSearchcraftStore.getState();\n\n  /**\n   * Handles the input change event from sc-input\n   */\n  handleInputChange = (event: ScInputCustomEvent<string>) => {\n    console.log(event);\n    this.query = event.detail; // Update the query state with input value\n\n    if (this.debounceTimeout) {\n      clearTimeout(this.debounceTimeout); // Clear any existing timeout\n    }\n\n    // Emit querySubmit immediately for real-time updates\n    this.querySubmit.emit(this.query);\n\n    // Set a new debounce timeout to execute search after delay\n    this.debounceTimeout = setTimeout(() => {\n      this.runSearch(); // Execute search logic after typing stops\n    }, this.debounceDelay);\n  };\n\n  /**\n   * Handles the clear input event from sc-input\n   */\n  handleClearInput = () => {\n    this.query = '';\n    if (typeof this.clearInput === 'function') {\n      this.clearInput();\n    }\n\n    if (this.debounceTimeout) {\n      clearTimeout(this.debounceTimeout); // Clear the debounce timeout\n    }\n\n    // Reset error and search results\n    this.error = false;\n    this.searchResults = '';\n  };\n\n  /**\n   * Runs the search logic\n   */\n  private runSearch = async () => {\n    if (this.query.trim() === '') {\n      this.error = true;\n      this.searchResults = '';\n    } else {\n      this.error = false;\n      this.searchStore.setQuery(this.query); // Set the query in the searchStore\n      await this.searchStore.search(); // Perform the search\n      this.searchResults = JSON.stringify(this.searchStore.searchResults); // Store search results as JSON\n    }\n  };\n\n  /**\n   * Handles the form submission logic\n   */\n  handleFormSubmit = async (event: Event) => {\n    event.preventDefault();\n    await this.runSearch(); // Trigger search logic on form submit\n  };\n\n  render() {\n    const formClass = this.rightToLeftOrientation ? 'formRTL' : 'formLTR';\n\n    return (\n      <form class={`${formClass}`} onSubmit={this.handleFormSubmit}>\n        <label>{this.labelForInput}</label>\n        <div class='searchContainer'>\n          <sc-input\n            placeholder-value={this.placeholderValue}\n            query={this.query}\n            input-caption-value={this.inputCaptionValue}\n            right-to-left-orientation={this.rightToLeftOrientation}\n            onSearchInputChange={this.handleInputChange}\n            onClearInput={this.handleClearInput}\n          />\n        </div>\n        {this.error && <p class='error'>Please enter a search query.</p>}\n        {this.searchResults && <pre class='results'>{this.searchResults}</pre>}\n      </form>\n    );\n  }\n}\n"],"version":3}

package/dist/components/sc-base-search-form.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface ScBaseSearchForm extends Components.ScBaseSearchForm, HTMLElement {}
+export const ScBaseSearchForm: {
+    prototype: ScBaseSearchForm;
+    new (): ScBaseSearchForm;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/sc-base-search-form.js

@@ -0,0 +1,135 @@
+import { p as proxyCustomElement, H, c as createEvent, h } from './p-a912a224.js';
+import { u as useSearchcraftStore, a as useThemeStore, g } from './p-6f0eaec6.js';
+import { d as defineCustomElement$9 } from './p-255a89f7.js';
+import { d as defineCustomElement$8 } from './p-75be555b.js';
+import { d as defineCustomElement$7 } from './p-79564f07.js';
+import { d as defineCustomElement$6 } from './p-5410e357.js';
+import { d as defineCustomElement$5 } from './p-184d9504.js';
+import { d as defineCustomElement$4 } from './p-23bdbb1f.js';
+import { d as defineCustomElement$3 } from './p-c47cb37f.js';
+import { d as defineCustomElement$2 } from './p-dfb43eea.js';
+
+const scBaseSearchFormModuleCss = ".formLTR{font-family:Helvetica, Arial, sans-serif;text-align:left}.formRTL{font-family:Helvetica, Arial, sans-serif;text-align:right}.searchContainer{align-items:center;display:flex}";
+const ScBaseSearchFormStyle0 = scBaseSearchFormModuleCss;
+
+const ScBaseSearchForm$1 = /*@__PURE__*/ proxyCustomElement(class ScBaseSearchForm extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.clearInput = createEvent(this, "clearInput", 7);
+        this.clearInput = () => { };
+        this.searchStore = useSearchcraftStore.getState();
+        this.themeStore = useThemeStore.getState();
+        this.componentDidLoad = () => {
+            const searchcraft = new g(this.config);
+            this.searchStore.initialize(searchcraft, true);
+        };
+        this.handleFormSubmit = async (event) => {
+            event.preventDefault();
+            if (this.query.trim() === '') {
+                this.error = true;
+            }
+            else {
+                this.error = false;
+                this.searchStore.setQuery(this.query);
+                await this.searchStore.search();
+                this.searchResults = JSON.stringify(this.searchStore.searchResults);
+            }
+        };
+        this.handleSearchInputChange = (event) => {
+            this.query = event.detail;
+        };
+        this.handleClearInput = () => {
+            this.query = '';
+            this === null || this === void 0 ? void 0 : this.clearInput();
+        };
+        this.toggleTheme = () => {
+            this.themeStore.toggleTheme();
+        };
+        this.config = {
+            apiKey: '',
+            endpointURL: '',
+            index: [],
+        };
+        this.errorMessage = 'Search was unsuccessful';
+        this.labelForInput = 'Search';
+        this.rightToLeftOrientation = false;
+        this.error = false;
+        this.query = '';
+        this.searchResults = null;
+    }
+    render() {
+        return (h("form", { key: '2f128025b9caa2ab8a888d461da9b162bbc30d2f', class: this.rightToLeftOrientation ? 'formRTL' : 'formLTR', onSubmit: this.handleFormSubmit }, h("sc-input-label", { key: '110f30f0bbd27a0a512d9461a141198b738cc945', label: this.labelForInput }), h("div", { key: '5ec54632aeb5595f76a769d99801c8b92745bb05', class: 'searchContainer' }, this.rightToLeftOrientation && h("sc-button", { key: '753746e7c6bab72006e5a866609934e4738cb096' }), h("sc-input", { key: '823cda15577d253db0f1c30e3c8aa64fc19520ff', onClearInput: this.handleClearInput, rightToLeftOrientation: this.rightToLeftOrientation, onSearchInputChange: this.handleSearchInputChange, query: this.query }), !this.rightToLeftOrientation && (h("sc-button", { key: '99474f1a9fe35c18de0d6cc8ba9e70a4f1471c55', onButtonClick: this.handleFormSubmit }))), this.error && h("sc-error-message", { key: '03da10c2d3c51da69db971a0bfdbc7edbe218e1c', errorMessage: this.errorMessage })));
+    }
+    static get style() { return ScBaseSearchFormStyle0; }
+}, [1, "sc-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]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["sc-base-search-form", "sc-button", "sc-clear-input-button", "sc-error-message", "sc-input", "sc-input-caption", "sc-input-icon", "sc-input-label", "sc-spinner-dark"];
+    components.forEach(tagName => { switch (tagName) {
+        case "sc-base-search-form":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ScBaseSearchForm$1);
+            }
+            break;
+        case "sc-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$9();
+            }
+            break;
+        case "sc-clear-input-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
+            }
+            break;
+        case "sc-error-message":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "sc-input":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "sc-input-caption":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "sc-input-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "sc-input-label":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "sc-spinner-dark":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const ScBaseSearchForm = ScBaseSearchForm$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ScBaseSearchForm, defineCustomElement };
+
+//# sourceMappingURL=sc-base-search-form.js.map

package/dist/components/sc-base-search-form.js.map

@@ -0,0 +1 @@
+{"file":"sc-base-search-form.js","mappings":";;;;;;;;;;;AAAA,MAAM,yBAAyB,GAAG,wLAAwL,CAAC;AAC3N,+BAAe,yBAAyB;;MCc3BA,kBAAgB;;;;;;QAUlB,eAAU,GAAG,SAAQ,CAAC;QAMvB,gBAAW,GAAG,mBAAmB,CAAC,QAAQ,EAAE,CAAC;QAC7C,eAAU,GAAG,aAAa,CAAC,QAAQ,EAAE,CAAC;QAE9C,qBAAgB,GAAG;YACjB,MAAM,WAAW,GAAG,IAAIC,CAAe,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YACrD,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;SAChD,CAAC;QAEF,qBAAgB,GAAG,OAAO,KAAK;YAC7B,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;gBAC5B,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;aACnB;iBAAM;gBACL,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;gBACnB,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBACtC,MAAM,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,CAAC;gBAChC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;aACrE;SACF,CAAC;QAEF,4BAAuB,GAAG,CAAC,KAAiC;YAC1D,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC;SAC3B,CAAC;QAEF,qBAAgB,GAAG;YACjB,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;YAChB,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,UAAU,EAAE,CAAC;SACpB,CAAC;QAEF,gBAAW,GAAG;YACZ,IAAI,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC;SAC/B,CAAC;sBA9C8B;YAC9B,MAAM,EAAE,EAAE;YACV,WAAW,EAAE,EAAE;YACf,KAAK,EAAE,EAAE;SACV;4BACsB,yBAAyB;6BACxB,QAAQ;sCACC,KAAK;qBAIrB,KAAK;qBACL,EAAE;6BACqB,IAAI;;IAmC5C,MAAM;QACJ,QACE,6DACE,KAAK,EAAE,IAAI,CAAC,sBAAsB,GAAG,SAAS,GAAG,SAAS,EAC1D,QAAQ,EAAE,IAAI,CAAC,gBAAgB,IAE/B,uEAAgB,KAAK,EAAE,IAAI,CAAC,aAAa,GAAI,EAC7C,4DAAK,KAAK,EAAC,iBAAiB,IACzB,IAAI,CAAC,sBAAsB,IAAI,mEAAa,EAC7C,iEACE,YAAY,EAAE,IAAI,CAAC,gBAAgB,EACnC,sBAAsB,EAAE,IAAI,CAAC,sBAAsB,EACnD,mBAAmB,EAAE,IAAI,CAAC,uBAAuB,EACjD,KAAK,EAAE,IAAI,CAAC,KAAK,GACjB,EACD,CAAC,IAAI,CAAC,sBAAsB,KAC3B,kEAAW,aAAa,EAAE,IAAI,CAAC,gBAAgB,GAAI,CACpD,CACG,EACL,IAAI,CAAC,KAAK,IAAI,yEAAkB,YAAY,EAAE,IAAI,CAAC,YAAY,GAAI,CAC/D,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["ScBaseSearchForm","SearchcraftCore"],"sources":["src/components/sc-base-search-form/sc-base-search-form.module.scss?tag=sc-base-search-form&encapsulation=shadow","src/components/sc-base-search-form/sc-base-search-form.tsx"],"sourcesContent":[".formLTR {\n  font-family: Helvetica, Arial, sans-serif;\n  text-align: left;\n}\n\n.formRTL {\n  font-family: Helvetica, Arial, sans-serif;\n  text-align: right;\n}\n\n.searchContainer {\n  align-items: center;\n  display: flex;\n}","import { Component, h, Event, Prop, State } from '@stencil/core';\nimport {\n  type CoreConfigSDK,\n  CoreSDK as SearchcraftCore,\n} from '@searchcraft/core';\n\nimport { useSearchcraftStore, useThemeStore } from '@provider/store';\n\nimport type { ScInputCustomEvent } from '@components/sc-input/sc-input';\n\n@Component({\n  tag: 'sc-base-search-form',\n  styleUrl: 'sc-base-search-form.module.scss',\n  shadow: true,\n})\nexport class ScBaseSearchForm {\n  @Prop() config: CoreConfigSDK = {\n    apiKey: '',\n    endpointURL: '',\n    index: [],\n  };\n  @Prop() errorMessage = 'Search was unsuccessful';\n  @Prop() labelForInput = 'Search';\n  @Prop() rightToLeftOrientation = false;\n\n  @Event() clearInput = () => {};\n\n  @State() error = false;\n  @State() query = '';\n  @State() searchResults: string | null = null;\n\n  private searchStore = useSearchcraftStore.getState();\n  private themeStore = useThemeStore.getState();\n\n  componentDidLoad = () => {\n    const searchcraft = new SearchcraftCore(this.config);\n    this.searchStore.initialize(searchcraft, true);\n  };\n\n  handleFormSubmit = async (event) => {\n    event.preventDefault();\n    if (this.query.trim() === '') {\n      this.error = true;\n    } else {\n      this.error = false;\n      this.searchStore.setQuery(this.query);\n      await this.searchStore.search();\n      this.searchResults = JSON.stringify(this.searchStore.searchResults);\n    }\n  };\n\n  handleSearchInputChange = (event: ScInputCustomEvent<string>) => {\n    this.query = event.detail;\n  };\n\n  handleClearInput = () => {\n    this.query = '';\n    this?.clearInput();\n  };\n\n  toggleTheme = () => {\n    this.themeStore.toggleTheme();\n  };\n\n  render() {\n    return (\n      <form\n        class={this.rightToLeftOrientation ? 'formRTL' : 'formLTR'}\n        onSubmit={this.handleFormSubmit}\n      >\n        <sc-input-label label={this.labelForInput} />\n        <div class='searchContainer'>\n          {this.rightToLeftOrientation && <sc-button />}\n          <sc-input\n            onClearInput={this.handleClearInput}\n            rightToLeftOrientation={this.rightToLeftOrientation}\n            onSearchInputChange={this.handleSearchInputChange}\n            query={this.query}\n          />\n          {!this.rightToLeftOrientation && (\n            <sc-button onButtonClick={this.handleFormSubmit} />\n          )}\n        </div>\n        {this.error && <sc-error-message errorMessage={this.errorMessage} />}\n      </form>\n    );\n  }\n}\n"],"version":3}

package/dist/components/sc-base-search-result.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface ScBaseSearchResult extends Components.ScBaseSearchResult, HTMLElement {}
+export const ScBaseSearchResult: {
+    prototype: ScBaseSearchResult;
+    new (): ScBaseSearchResult;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/sc-base-search-result.js

@@ -0,0 +1,8 @@
+import { S as ScBaseSearchResult$1, d as defineCustomElement$1 } from './p-5b7b903a.js';
+
+const ScBaseSearchResult = ScBaseSearchResult$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ScBaseSearchResult, defineCustomElement };
+
+//# sourceMappingURL=sc-base-search-result.js.map

package/dist/components/sc-base-search-result.js.map

@@ -0,0 +1 @@
+{"file":"sc-base-search-result.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/sc-base-search-results.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface ScBaseSearchResults extends Components.ScBaseSearchResults, HTMLElement {}
+export const ScBaseSearchResults: {
+    prototype: ScBaseSearchResults;
+    new (): ScBaseSearchResults;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/sc-base-search-results.js

@@ -0,0 +1,83 @@
+import { p as proxyCustomElement, H, h } from './p-a912a224.js';
+import { u as useSearchcraftStore } from './p-6f0eaec6.js';
+import { d as defineCustomElement$3 } from './p-5b7b903a.js';
+import { d as defineCustomElement$2 } from './p-79564f07.js';
+
+const scBaseSearchResultsModuleCss = ":root{--font-stack:Helvetica, Arial, sans-serif}.resultsContainer{display:flex;flex-direction:column;justify-content:center;margin:100px 20px}.resultsContainer>p{align-self:center}.resultsContainer>div{margin-bottom:20px}.resultsContainer>div img{height:300px;width:200px}";
+const ScBaseSearchResultsStyle0 = scBaseSearchResultsModuleCss;
+
+const ScBaseSearchResults$1 = /*@__PURE__*/ proxyCustomElement(class ScBaseSearchResults extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.query = '';
+        this.searchResults = null;
+    }
+    componentDidLoad() {
+        // Subscribe to state changes
+        this.unsubscribe = useSearchcraftStore.subscribe((state) => {
+            console.log('Store updated:', state);
+            this.searchResults = Object.assign({}, state.searchResults);
+            this.query = state.query;
+        });
+        // Fetch initial state
+        const { searchResults, query } = useSearchcraftStore.getState();
+        console.log('Initial state:', searchResults, query);
+        this.searchResults = searchResults;
+        this.query = query;
+    }
+    disconnectedCallback() {
+        if (this.unsubscribe) {
+            this.unsubscribe();
+        }
+    }
+    render() {
+        var _a, _b, _c, _d, _e, _f, _g;
+        if (!((_a = this.searchResults) === null || _a === void 0 ? void 0 : _a.data)) {
+            console.warn('No search results data available');
+            return h("div", null, "No results to display.");
+        }
+        return (h("div", { class: 'resultsContainer' }, (_d = (_c = (_b = this.searchResults) === null || _b === void 0 ? void 0 : _b.data) === null || _c === void 0 ? void 0 : _c.hits) === null || _d === void 0 ? void 0 :
+            _d.map((document, index) => {
+                const { doc: result } = document;
+                return (h("sc-base-search-result", { key: `${result === null || result === void 0 ? void 0 : result.id}-${index}`, "button-label": 'View More', "callback-fn": () => console.log('interactive element'), "button-callback-fn": () => console.log('button callback'), "interactive-result": true, "image-src": result === null || result === void 0 ? void 0 : result.poster, "result-body-content": result === null || result === void 0 ? void 0 : result.overview, "result-heading": result === null || result === void 0 ? void 0 : result.title, "result-subheading": result === null || result === void 0 ? void 0 : result.release_date }));
+            }), this.query.length > 0 &&
+            ((_g = (_f = (_e = this.searchResults) === null || _e === void 0 ? void 0 : _e.data) === null || _f === void 0 ? void 0 : _f.hits) === null || _g === void 0 ? void 0 : _g.length) === 0 && (h("sc-error-message", { "error-message": `No search results found for "${this.query}" query` }))));
+    }
+    static get style() { return ScBaseSearchResultsStyle0; }
+}, [1, "sc-base-search-results", {
+        "query": [32],
+        "searchResults": [32]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["sc-base-search-results", "sc-base-search-result", "sc-error-message"];
+    components.forEach(tagName => { switch (tagName) {
+        case "sc-base-search-results":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ScBaseSearchResults$1);
+            }
+            break;
+        case "sc-base-search-result":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "sc-error-message":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const ScBaseSearchResults = ScBaseSearchResults$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ScBaseSearchResults, defineCustomElement };
+
+//# sourceMappingURL=sc-base-search-results.js.map

package/dist/components/sc-base-search-results.js.map

@@ -0,0 +1 @@
+{"file":"sc-base-search-results.js","mappings":";;;;;AAAA,MAAM,4BAA4B,GAAG,kRAAkR,CAAC;AACxT,kCAAe,4BAA4B;;MCS9BA,qBAAmB;;;;;qBACb,EAAE;6BAC2B,IAAI;;IAGlD,gBAAgB;;QAEd,IAAI,CAAC,WAAW,GAAG,mBAAmB,CAAC,SAAS,CAAC,CAAC,KAAK;YACrD,OAAO,CAAC,GAAG,CAAC,gBAAgB,EAAE,KAAK,CAAC,CAAC;YACrC,IAAI,CAAC,aAAa,qBAAQ,KAAK,CAAC,aAAa,CAAE,CAAC;YAChD,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;SAC1B,CAAC,CAAC;;QAGH,MAAM,EAAE,aAAa,EAAE,KAAK,EAAE,GAAG,mBAAmB,CAAC,QAAQ,EAAE,CAAC;QAChE,OAAO,CAAC,GAAG,CAAC,gBAAgB,EAAE,aAAa,EAAE,KAAK,CAAC,CAAC;QACpD,IAAI,CAAC,aAAa,GAAG,aAAa,CAAC;QACnC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;KACpB;IAED,oBAAoB;QAClB,IAAI,IAAI,CAAC,WAAW,EAAE;YACpB,IAAI,CAAC,WAAW,EAAE,CAAC;SACpB;KACF;IAED,MAAM;;QACJ,IAAI,EAAC,MAAA,IAAI,CAAC,aAAa,0CAAE,IAAI,CAAA,EAAE;YAC7B,OAAO,CAAC,IAAI,CAAC,kCAAkC,CAAC,CAAC;YACjD,OAAO,wCAAiC,CAAC;SAC1C;QACD,QACE,WAAK,KAAK,EAAC,kBAAkB,IAC1B,MAAA,MAAA,MAAA,IAAI,CAAC,aAAa,0CAAE,IAAI,0CAAE,IAAI;eAAE,GAAG,CAAC,CAAC,QAAQ,EAAE,KAAK;gBACnD,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,QAAQ,CAAC;gBACjC,QACE,6BACE,GAAG,EAAE,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,EAAE,IAAI,KAAK,EAAE,kBAChB,WAAW,iBACX,MAAM,OAAO,CAAC,GAAG,CAAC,qBAAqB,CAAC,wBACjC,MAAM,OAAO,CAAC,GAAG,CAAC,iBAAiB,CAAC,wBACpC,IAAI,eACb,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,yBACJ,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,oBACrB,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,uBACV,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,YAAY,GACvC,EACF;aACH,CAAC,EACD,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC;YACpB,CAAA,MAAA,MAAA,MAAA,IAAI,CAAC,aAAa,0CAAE,IAAI,0CAAE,IAAI,0CAAE,MAAM,MAAK,CAAC,KAC1C,yCACiB,gCAAgC,IAAI,CAAC,KAAK,SAAS,GAClE,CACH,CACC,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["ScBaseSearchResults"],"sources":["src/components/sc-base-search-results/sc-base-search-results.module.scss?tag=sc-base-search-results&encapsulation=shadow","src/components/sc-base-search-results/sc-base-search-results.tsx"],"sourcesContent":[":root {\n  --font-stack: Helvetica, Arial, sans-serif;\n}\n\n.resultsContainer {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  margin: 100px 20px;\n\n  & > p {\n    align-self: center;\n  }\n\n  & > div {\n    margin-bottom: 20px;\n    img {\n      height: 300px;\n      width: 200px;\n    }\n  }\n}\n","import { Component, h, State } from '@stencil/core';\nimport type { SearchResult } from '@searchcraft/core';\n\nimport { useSearchcraftStore } from '@provider/store';\n\n@Component({\n  tag: 'sc-base-search-results',\n  styleUrl: 'sc-base-search-results.module.scss',\n  shadow: true,\n})\nexport class ScBaseSearchResults {\n  @State() query = '';\n  @State() searchResults: SearchResult | null = null;\n  private unsubscribe: () => void;\n\n  componentDidLoad() {\n    // Subscribe to state changes\n    this.unsubscribe = useSearchcraftStore.subscribe((state) => {\n      console.log('Store updated:', state);\n      this.searchResults = { ...state.searchResults };\n      this.query = state.query;\n    });\n\n    // Fetch initial state\n    const { searchResults, query } = useSearchcraftStore.getState();\n    console.log('Initial state:', searchResults, query);\n    this.searchResults = searchResults;\n    this.query = query;\n  }\n\n  disconnectedCallback() {\n    if (this.unsubscribe) {\n      this.unsubscribe();\n    }\n  }\n\n  render() {\n    if (!this.searchResults?.data) {\n      console.warn('No search results data available');\n      return <div>No results to display.</div>;\n    }\n    return (\n      <div class='resultsContainer'>\n        {this.searchResults?.data?.hits?.map((document, index) => {\n          const { doc: result } = document;\n          return (\n            <sc-base-search-result\n              key={`${result?.id}-${index}`}\n              button-label='View More'\n              callback-fn={() => console.log('interactive element')}\n              button-callback-fn={() => console.log('button callback')}\n              interactive-result={true}\n              image-src={result?.poster}\n              result-body-content={result?.overview}\n              result-heading={result?.title}\n              result-subheading={result?.release_date}\n            />\n          );\n        })}\n        {this.query.length > 0 &&\n          this.searchResults?.data?.hits?.length === 0 && (\n            <sc-error-message\n              error-message={`No search results found for \"${this.query}\" query`}\n            />\n          )}\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/sc-button.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface ScButton extends Components.ScButton, HTMLElement {}
+export const ScButton: {
+    prototype: ScButton;
+    new (): ScButton;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/sc-button.js

@@ -0,0 +1,8 @@
+import { S as ScButton$1, d as defineCustomElement$1 } from './p-255a89f7.js';
+
+const ScButton = ScButton$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ScButton, defineCustomElement };
+
+//# sourceMappingURL=sc-button.js.map

package/dist/components/sc-button.js.map

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

package/dist/components/sc-clear-input-button.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface ScClearInputButton extends Components.ScClearInputButton, HTMLElement {}
+export const ScClearInputButton: {
+    prototype: ScClearInputButton;
+    new (): ScClearInputButton;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/sc-clear-input-button.js

@@ -0,0 +1,8 @@
+import { S as ScClearInputButton$1, d as defineCustomElement$1 } from './p-75be555b.js';
+
+const ScClearInputButton = ScClearInputButton$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ScClearInputButton, defineCustomElement };
+
+//# sourceMappingURL=sc-clear-input-button.js.map

package/dist/components/sc-clear-input-button.js.map

@@ -0,0 +1 @@
+{"file":"sc-clear-input-button.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/sc-error-message.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface ScErrorMessage extends Components.ScErrorMessage, HTMLElement {}
+export const ScErrorMessage: {
+    prototype: ScErrorMessage;
+    new (): ScErrorMessage;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/sc-error-message.js

@@ -0,0 +1,8 @@
+import { S as ScErrorMessage$1, d as defineCustomElement$1 } from './p-79564f07.js';
+
+const ScErrorMessage = ScErrorMessage$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ScErrorMessage, defineCustomElement };
+
+//# sourceMappingURL=sc-error-message.js.map

package/dist/components/sc-error-message.js.map

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

package/dist/components/sc-input-caption.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface ScInputCaption extends Components.ScInputCaption, HTMLElement {}
+export const ScInputCaption: {
+    prototype: ScInputCaption;
+    new (): ScInputCaption;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/sc-input-caption.js

@@ -0,0 +1,8 @@
+import { S as ScInputCaption$1, d as defineCustomElement$1 } from './p-184d9504.js';
+
+const ScInputCaption = ScInputCaption$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ScInputCaption, defineCustomElement };
+
+//# sourceMappingURL=sc-input-caption.js.map

package/dist/components/sc-input-caption.js.map

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

package/dist/components/sc-input-icon.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface ScInputIcon extends Components.ScInputIcon, HTMLElement {}
+export const ScInputIcon: {
+    prototype: ScInputIcon;
+    new (): ScInputIcon;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/sc-input-icon.js

@@ -0,0 +1,8 @@
+import { S as ScInputIcon$1, d as defineCustomElement$1 } from './p-23bdbb1f.js';
+
+const ScInputIcon = ScInputIcon$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ScInputIcon, defineCustomElement };
+
+//# sourceMappingURL=sc-input-icon.js.map

package/dist/components/sc-input-icon.js.map

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

package/dist/components/sc-input-label.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface ScInputLabel extends Components.ScInputLabel, HTMLElement {}
+export const ScInputLabel: {
+    prototype: ScInputLabel;
+    new (): ScInputLabel;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/sc-input-label.js

@@ -0,0 +1,8 @@
+import { S as ScInputLabel$1, d as defineCustomElement$1 } from './p-c47cb37f.js';
+
+const ScInputLabel = ScInputLabel$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ScInputLabel, defineCustomElement };
+
+//# sourceMappingURL=sc-input-label.js.map

package/dist/components/sc-input-label.js.map

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

package/dist/components/sc-input.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface ScInput extends Components.ScInput, HTMLElement {}
+export const ScInput: {
+    prototype: ScInput;
+    new (): ScInput;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/sc-input.js

@@ -0,0 +1,8 @@
+import { S as ScInput$1, d as defineCustomElement$1 } from './p-5410e357.js';
+
+const ScInput = ScInput$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ScInput, defineCustomElement };
+
+//# sourceMappingURL=sc-input.js.map