@searchcraft/javascript-sdk 0.9.7 → 0.10.1

package/dist/components/index.js

@@ -1,9 +1,8 @@
 export { g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-5365011f.js';
-import { v as ve } from './p-580c09dc.js';
-export { s as searchcraftStore } from './p-580c09dc.js';
+import { w as we } from './p-17c646e2.js';
+export { w as SearchcraftCore, s as searchcraftStore } from './p-17c646e2.js';
+import './p-a64b4cba.js';
 export { SearchcraftAd, defineCustomElement as defineCustomElementSearchcraftAd } from './searchcraft-ad.js';
-export { SearchcraftBaseSearchResult, defineCustomElement as defineCustomElementSearchcraftBaseSearchResult } from './searchcraft-base-search-result.js';
-export { SearchcraftBaseSearchResults, defineCustomElement as defineCustomElementSearchcraftBaseSearchResults } from './searchcraft-base-search-results.js';
 export { SearchcraftButton, defineCustomElement as defineCustomElementSearchcraftButton } from './searchcraft-button.js';
 export { SearchcraftErrorMessage, defineCustomElement as defineCustomElementSearchcraftErrorMessage } from './searchcraft-error-message.js';
 export { SearchcraftFacetList, defineCustomElement as defineCustomElementSearchcraftFacetList } from './searchcraft-facet-list.js';
@@ -12,26 +11,26 @@ export { SearchcraftInputForm, defineCustomElement as defineCustomElementSearchc
 export { SearchcraftInputLabel, defineCustomElement as defineCustomElementSearchcraftInputLabel } from './searchcraft-input-label.js';
 export { SearchcraftPagination, defineCustomElement as defineCustomElementSearchcraftPagination } from './searchcraft-pagination.js';
 export { SearchcraftPopoverButton, defineCustomElement as defineCustomElementSearchcraftPopoverButton } from './searchcraft-popover-button.js';
+export { SearchcraftPopoverFooter, defineCustomElement as defineCustomElementSearchcraftPopoverFooter } from './searchcraft-popover-footer.js';
 export { SearchcraftPopoverForm, defineCustomElement as defineCustomElementSearchcraftPopoverForm } from './searchcraft-popover-form.js';
 export { SearchcraftPopoverListItem, defineCustomElement as defineCustomElementSearchcraftPopoverListItem } from './searchcraft-popover-list-item.js';
 export { SearchcraftPopoverListView, defineCustomElement as defineCustomElementSearchcraftPopoverListView } from './searchcraft-popover-list-view.js';
 export { SearchcraftResultsInfo, defineCustomElement as defineCustomElementSearchcraftResultsInfo } from './searchcraft-results-info.js';
+export { SearchcraftSearchResult, defineCustomElement as defineCustomElementSearchcraftSearchResult } from './searchcraft-search-result.js';
+export { SearchcraftSearchResults, defineCustomElement as defineCustomElementSearchcraftSearchResults } from './searchcraft-search-results.js';
 export { SearchcraftSearchResultsPerPage, defineCustomElement as defineCustomElementSearchcraftSearchResultsPerPage } from './searchcraft-search-results-per-page.js';
 export { SearchcraftSelect, defineCustomElement as defineCustomElementSearchcraftSelect } from './searchcraft-select.js';
 export { SearchcraftSlider, defineCustomElement as defineCustomElementSearchcraftSlider } from './searchcraft-slider.js';
 export { SearchcraftTheme, defineCustomElement as defineCustomElementSearchcraftTheme } from './searchcraft-theme.js';
 export { SearchcraftToggleButton, defineCustomElement as defineCustomElementSearchcraftToggleButton } from './searchcraft-toggle-button.js';
-export { p as parseCustomStyles, s as serializeStyles } from './p-d9551738.js';
 
 const name = "@searchcraft/javascript-sdk";
-const version = "0.9.7";
+const version = "0.10.1";
 const description = "Searchcraft Javascript SDK";
-const author = "Searchcraft";
+const author = "Searchcraft Inc.";
 const license = "Apache-2.0";
 const module = "dist/components/index.js";
 const types = "dist/components/index.d.ts";
-const collection = "dist/collection/collection-manifest.json";
-const unpkg = "dist/searchcraft-javascript-sdk/searchcraft-javascript-sdk.esm.js";
 const exports = {
 	".": {
 		"import": "./dist/components/index.js",
@@ -40,6 +39,15 @@ const exports = {
 	"./dist/components/*": {
 		"import": "./dist/components/*",
 		types: "./dist/components/*"
+	},
+	"./hydrate": {
+		require: "./dist/hydrate/index.js",
+		"import": "./dist/hydrate/index.mjs",
+		types: "./dist/hydrate/index.d.ts"
+	},
+	"./themes/*.css": {
+		"import": "./dist/themes/*.css",
+		require: "./dist/themes/*.css"
 	}
 };
 const repository = {
@@ -63,7 +71,7 @@ const dependencies = {
 	nanoid: "^5.0.9"
 };
 const devDependencies = {
-	"@searchcraft/core": "^0.9.7",
+	"@searchcraft/core": "^0.10.1",
 	"@stencil/core": "^4.7.0",
 	"@stencil/react-output-target": "^0.8.2",
 	"@stencil/sass": "^3.0.12",
@@ -80,9 +88,6 @@ const packageJson = {
 	license: license,
 	module: module,
 	types: types,
-	collection: collection,
-	"collection:main": "dist/collection/index.js",
-	unpkg: unpkg,
 	exports: exports,
 	repository: repository,
 	files: files,
@@ -91,10 +96,41 @@ const packageJson = {
 	devDependencies: devDependencies
 };
 
+function parseCustomStyles(styles) {
+    if (typeof styles === 'string') {
+        try {
+            return JSON.parse(styles);
+        }
+        catch (error) {
+            console.error('Invalid customStyles format:', styles);
+            return {};
+        }
+    }
+    return styles || {};
+}
+function serializeStyles(styles) {
+    try {
+        return JSON.stringify(styles);
+    }
+    catch (error) {
+        console.error('Error serializing styles:', error);
+        return '{}';
+    }
+}
+
+/**
+ * @fileoverview entry point for your component library
+ *
+ * This is the entry point for your component library. Use this file to export utilities,
+ * constants or data structure that accompany your components.
+ *
+ * DO NOT use this file to export your components. Instead, use the recommended approaches
+ * to consume components of this package as outlined in the `README.md`.
+ */
 /**
  * The consumer-facing `Searchcraft` class.
  */
-class Searchcraft extends ve {
+class Searchcraft extends we {
     constructor(config) {
         super(config, {
             sdkName: packageJson.name,
@@ -103,7 +139,7 @@ class Searchcraft extends ve {
     }
 }
 
-export { Searchcraft };
+export { Searchcraft, parseCustomStyles, serializeStyles };
 
 //# sourceMappingURL=index.js.map
 export { defineCustomElements } from './defineCustomElements.js';

package/dist/components/index.js.map

@@ -1 +1 @@
-{"file":"index.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBA;;;MAGa,WAAY,SAAQA,EAAe;IAC9C,YAAY,MAAyB;QACnC,KAAK,CAAC,MAAM,EAAE;YACZ,OAAO,EAAE,WAAW,CAAC,IAAI;YACzB,UAAU,EAAE,WAAW,CAAC,OAAO;SAChC,CAAC,CAAC;KACJ;;;;;","names":["SearchcraftCore"],"sources":["src/index.ts"],"sourcesContent":["import { type SearchcraftConfig, SearchcraftCore } from '@searchcraft/core';\nimport { searchcraftStore } from '@store';\nimport packageJson from '../package.json';\n\n/**\n * @fileoverview entry point for your component library\n *\n * This is the entry point for your component library. Use this file to export utilities,\n * constants or data structure that accompany your components.\n *\n * DO NOT use this file to export your components. Instead, use the recommended approaches\n * to consume components of this package as outlined in the `README.md`.\n */\nexport type { SearchcraftConfig };\nexport { searchcraftStore };\n\nexport {\n  parseCustomStyles,\n  serializeStyles,\n} from './utils';\n\nexport type { Components, JSX } from './components';\n\n/**\n * The consumer-facing `Searchcraft` class.\n */\nexport class Searchcraft extends SearchcraftCore {\n  constructor(config: SearchcraftConfig) {\n    super(config, {\n      sdkName: packageJson.name,\n      sdkVersion: packageJson.version,\n    });\n  }\n}\n\n/**\n * Exports the shared types that all SDKs need\n */\nexport type * from '@searchcraft/core/dist/types/sdk-types';\n"],"version":3}
+{"file":"index.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAAgB,iBAAiB,CAC/B,MAAuC;IAEvC,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;QAC9B,IAAI;YACF,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;SAC3B;QAAC,OAAO,KAAK,EAAE;YACd,OAAO,CAAC,KAAK,CAAC,8BAA8B,EAAE,MAAM,CAAC,CAAC;YACtD,OAAO,EAAE,CAAC;SACX;KACF;IACD,OAAO,MAAM,IAAI,EAAE,CAAC;AACtB,CAAC;SAEe,eAAe,CAC7B,MAA8C;IAE9C,IAAI;QACF,OAAO,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;KAC/B;IAAC,OAAO,KAAK,EAAE;QACd,OAAO,CAAC,KAAK,CAAC,2BAA2B,EAAE,KAAK,CAAC,CAAC;QAClD,OAAO,IAAI,CAAC;KACb;AACH;;ACnBA;;;;;;;;;AAUA;;;MAGa,WAAY,SAAQA,EAAe;IAC9C,YAAY,MAAyB;QACnC,KAAK,CAAC,MAAM,EAAE;YACZ,OAAO,EAAE,WAAW,CAAC,IAAI;YACzB,UAAU,EAAE,WAAW,CAAC,OAAO;SAChC,CAAC,CAAC;KACJ;;;;;","names":["SearchcraftCore"],"sources":["src/utils/styles.ts","src/index.ts"],"sourcesContent":["export function parseCustomStyles(\n  styles: string | Record<string, string>,\n): Record<string, string> {\n  if (typeof styles === 'string') {\n    try {\n      return JSON.parse(styles);\n    } catch (error) {\n      console.error('Invalid customStyles format:', styles);\n      return {};\n    }\n  }\n  return styles || {};\n}\n\nexport function serializeStyles(\n  styles: Record<string, Record<string, string>>,\n): string {\n  try {\n    return JSON.stringify(styles);\n  } catch (error) {\n    console.error('Error serializing styles:', error);\n    return '{}';\n  }\n}\n","import { type SearchcraftConfig, SearchcraftCore } from '@searchcraft/core';\nimport { searchcraftStore } from '@store';\nimport packageJson from '../package.json';\n\n/**\n * @fileoverview entry point for your component library\n *\n * This is the entry point for your component library. Use this file to export utilities,\n * constants or data structure that accompany your components.\n *\n * DO NOT use this file to export your components. Instead, use the recommended approaches\n * to consume components of this package as outlined in the `README.md`.\n */\n\n/**\n * The consumer-facing `Searchcraft` class.\n */\nexport class Searchcraft extends SearchcraftCore {\n  constructor(config: SearchcraftConfig) {\n    super(config, {\n      sdkName: packageJson.name,\n      sdkVersion: packageJson.version,\n    });\n  }\n}\n\n/**\n * Exports the shared types that all SDKs need\n */\nexport {\n  parseCustomStyles,\n  serializeStyles,\n} from './utils';\nexport type { SearchcraftConfig };\nexport { searchcraftStore };\nexport type { Components, JSX } from './components';\nexport { SearchcraftCore };\nexport type * from '@searchcraft/core/dist/types/sdk-types';\n"],"version":3}

package/dist/components/{p-e41b0f43.js → p-0077f677.js}

@@ -1,12 +1,11 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-5365011f.js';
 import { c as classNames } from './p-5cdc6210.js';
-import { p as parseCustomStyles } from './p-d9551738.js';
-import { s as searchcraftStore } from './p-580c09dc.js';
-import { d as defineCustomElement$3 } from './p-71cc28c1.js';
-import { d as defineCustomElement$2 } from './p-0e393fe1.js';
-import { d as defineCustomElement$1 } from './p-e55a7970.js';
+import { s as searchcraftStore } from './p-17c646e2.js';
+import { d as defineCustomElement$3 } from './p-acf23bab.js';
+import { d as defineCustomElement$2 } from './p-f2585cdf.js';
+import { d as defineCustomElement$1 } from './p-1adf78b9.js';
 
-const SearchcraftInput = /*@__PURE__*/ proxyCustomElement(class SearchcraftInput extends H {
+const SearchcraftInputForm = /*@__PURE__*/ proxyCustomElement(class SearchcraftInputForm extends H {
     constructor() {
         super();
         this.__registerHost();
@@ -30,10 +29,6 @@ const SearchcraftInput = /*@__PURE__*/ proxyCustomElement(class SearchcraftInput
      * The label rendered above the input.
      */
     inputLabel;
-    /**
-     * A custom styles object to be applied to the input element.
-     */
-    customStyles = {};
     /**
      * The input element's placeholder value.
      */
@@ -102,20 +97,19 @@ const SearchcraftInput = /*@__PURE__*/ proxyCustomElement(class SearchcraftInput
         await this.performSearch(this.searchTerm);
     };
     render() {
-        const validatedCustomStyles = parseCustomStyles(this.customStyles);
         const isShowingClearButton = this.inputValue.length > 0;
-        const inputGridClassNames = 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',
+        const inputGridClassNames = classNames('searchcraft-input-form-grid', {
+            'searchcraft-input-form-grid-button-left': this.buttonPlacement === 'left',
+            'searchcraft-input-form-grid-button-right': this.buttonPlacement === 'right',
+            'searchcraft-input-form-grid-button-none': this.buttonPlacement === 'none',
         });
         const shouldHaveVerticalGap = this.inputLabel || this.error;
         const inputGridStyles = {
             gap: shouldHaveVerticalGap ? '4px 8px' : '0px 8px',
         };
-        return (h("form", { key: 'f08b30d8688e110230c99dbdc0b08aaa259680d1', class: 'searchcraft-input-form', onSubmit: this.handleFormSubmit }, h("div", { key: '32e8cbea58acd0d1e8b14a3ca7363f648df052f1', class: inputGridClassNames, style: inputGridStyles }, h("div", { key: '769484880d0228a5b865fad2c83e6537ae55686a', class: 'searchcraft-input-button-wrapper' }, h("searchcraft-button", { key: '75902602813c266d77c038d106f5a033ff64c477', onButtonClick: this.handleFormSubmit, label: this.buttonLabel })), this.inputLabel && (h("div", { key: '356356b1eac93b52f8622c9c2f414fe76b70e0fe', class: 'searchcraft-input-label-wrapper' }, h("searchcraft-input-label", { key: '4c5a680712b8d26a6326dde48223317b690e7a30', label: this.inputLabel }))), this.error && (h("div", { key: 'e2275fe0907d60e13ac3cb6b2a23e0872c475eb3', class: 'searchcraft-input-error-wrapper' }, h("searchcraft-error-message", { key: '26e7ffbe8fe43f3f5340176e68cf7763d71c4eab', errorMessage: 'Something went wrong.' }))), h("div", { key: 'cfc0d53d4ec644fd453fe39b3091986d9abf2b49', class: 'searchcraft-input-wrapper' }, h("input", { key: '44dcf30e32dcf4de2aeb5c64d445db468fde605b', autoComplete: 'off', class: 'searchcraft-input', onFocus: () => this.inputFocus?.emit(), onBlur: () => this.inputBlur?.emit(), onInput: (event) => {
+        return (h("form", { key: '488789f41d06780cf1cb3ab55013995fd16985bc', class: 'searchcraft-input-form', onSubmit: this.handleFormSubmit }, h("div", { key: 'abde33425daaa82f068d7bb31fca8f94d55b79e5', class: inputGridClassNames, style: inputGridStyles }, h("div", { key: 'd2ee4a97e3384550160e3d77c73167e725b78910', class: 'searchcraft-input-form-button' }, h("searchcraft-button", { key: '6ca8bffa156a032dbddce0728f682f7e713b00b3', onButtonClick: this.handleFormSubmit, label: this.buttonLabel })), this.inputLabel && (h("div", { key: '760f54d2ca7401fdd3151f0baa65163ba447aad4', class: 'searchcraft-input-form-label' }, h("searchcraft-input-label", { key: '9b1e1fcc8559ba7417edc23cd495c27c44e9d394', label: this.inputLabel }))), this.error && (h("div", { key: 'e2ba421228fe3daa1b60b3bda963be7b8fe5e2dd', class: 'searchcraft-input-form-error-message' }, h("searchcraft-error-message", { key: '07655cb3197b9bd20fe6feb610a58b5679a82c33' }, "Something went wrong."))), h("div", { key: '93c20245f8f1bcb1656e88d7c26644ab41dd5000', class: 'searchcraft-input-form-input-wrapper' }, h("input", { key: '2a3748be8434ac01ebae9907e0a762e868d5d10f', autoComplete: 'off', class: 'searchcraft-input-form-input', onFocus: () => this.inputFocus?.emit(), onBlur: () => this.inputBlur?.emit(), onInput: (event) => {
                 this.handleOnInput(event);
-            }, placeholder: this.placeholderValue, style: validatedCustomStyles, type: 'text', value: this.inputValue }), h("div", { key: 'a510ee45c5c1fcd8991220dcaed42bdbcef39b49', class: 'searchcraft-input-search-icon-wrapper' }, h("svg", { key: '5dc9bc129a7f550f400aa23b09b38df7aa412821', class: 'searchcraft-input-search-icon', viewBox: '0 0 20 20', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', "aria-labelledby": 'searchcraft-title' }, h("title", { key: 'af9c2cb95db7d1f182d4312bccefa97ac95e06aa', id: 'searchcraft-title' }, "Searchcraft Search Icon Light"), h("path", { key: 'c2e8b250f1113670cb2435664a57725563d34efd', 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: 'currentColor', "stroke-width": '1.5', "stroke-linecap": 'round', "stroke-linejoin": 'round' }))), isShowingClearButton && (h("button", { key: '0630c1533ab1c9654e9e984a1194759dec2ab535', type: 'button', class: 'searchcraft-input-clear-button', onClick: this.handleClearInput }, h("svg", { key: '052abaa409746a98ee94e09e87e5345c05687dba', class: 'searchcraft-input-clear-icon', viewBox: '0 0 22 22', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', "aria-labelledby": 'icon-title' }, h("title", { key: '795d7435b5cac2069063a6e6bf40868ddba76516', id: 'icon-title' }, "Searchcraft Clear Input Icon Light"), h("path", { key: '29be529ce60d62136bde73baa2600f3664479c7f', 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: 'currentColor', "stroke-width": '1.5', "stroke-linecap": 'round', "stroke-linejoin": 'round' }))))))));
+            }, placeholder: this.placeholderValue, type: 'text', value: this.inputValue }), h("div", { key: 'c9eb1230b10d3bb91ffe0e43481ac3d1a1362b29', class: 'searchcraft-input-form-input-icon' }, h("svg", { key: '68b3d2c336cc99faacb28e0a98cd93f88f9df13b', class: 'searchcraft-input-form-input-search-icon', viewBox: '0 0 20 20', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', "aria-labelledby": 'searchcraft-title' }, h("title", { key: 'da56c06e543f45c59ef0f5922bd7d61fef448630' }, "Search icon"), h("path", { key: 'ae0bcf6b95f861155cf0023d72a33f6d437b67dd', 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: 'currentColor', "stroke-width": '1.5', "stroke-linecap": 'round', "stroke-linejoin": 'round' }))), isShowingClearButton && (h("button", { key: '5663606a70f3c4afd44406e6e550dc44573c5421', type: 'button', class: 'searchcraft-input-form-clear-button', onClick: this.handleClearInput }, h("svg", { key: '15f316ed61153f1054e3c5ac6dffca48b702ac81', class: 'searchcraft-input-form-clear-icon', viewBox: '0 0 22 22', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', "aria-labelledby": 'icon-title' }, h("title", { key: '3e93ab9c95db6a7c012a9b25875aa78f33984ce6' }, "Clear icon"), h("path", { key: 'b31b09b4a928e113720a13e9826e1d462c4e65bd', 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: 'currentColor', "stroke-width": '1.5', "stroke-linecap": 'round', "stroke-linejoin": 'round' }))))))));
     }
     static get watchers() { return {
         "core": ["onCoreChange"]
@@ -125,7 +119,6 @@ const SearchcraftInput = /*@__PURE__*/ proxyCustomElement(class SearchcraftInput
         "buttonPlacement": [1, "button-placement"],
         "buttonLabel": [1, "button-label"],
         "inputLabel": [1, "input-label"],
-        "customStyles": [1, "custom-styles"],
         "placeholderValue": [1, "placeholder-value"],
         "core": [16],
         "inputValue": [32],
@@ -142,7 +135,7 @@ function defineCustomElement() {
     components.forEach(tagName => { switch (tagName) {
         case "searchcraft-input-form":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, SearchcraftInput);
+                customElements.define(tagName, SearchcraftInputForm);
             }
             break;
         case "searchcraft-button":
@@ -163,6 +156,6 @@ function defineCustomElement() {
     } });
 }
 
-export { SearchcraftInput as S, defineCustomElement as d };
+export { SearchcraftInputForm as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-e41b0f43.js.map
+//# sourceMappingURL=p-0077f677.js.map

package/dist/components/p-0077f677.js.map

@@ -0,0 +1 @@
+{"file":"p-0077f677.js","mappings":"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","names":[],"sources":["src/components/searchcraft-input-form/searchcraft-input-form.tsx"],"sourcesContent":["import {\n  Component,\n  h,\n  Prop,\n  State,\n  Event,\n  type EventEmitter,\n  Watch,\n} from '@stencil/core';\nimport classNames from 'classnames';\n\nimport type { SearchcraftCore } from '@searchcraft/core';\n\nimport { searchcraftStore } from '@store';\n\n/**\n * This web component provides a user-friendly interface for querying an indexed dataset, enabling users to easily search large collections of data.\n * It abstracts the complexities of index-based searching, making it accessible to users of all technical levels.\n *\n * @react-import\n * ```jsx\n * import { SearchcraftInputForm } from \"@searchcraft/react-sdk\";\n * ```\n *\n * @vue-import\n * ```jsx\n * import { SearchcraftInputForm } from \"@searchcraft/vue-sdk\";\n * ```\n *\n * @js-example\n * ```html\n * <searchcraft-input-form auto-search />\n * ```\n *\n * @react-example\n * ```jsx\n * <SearchcraftInputForm autoSearch />\n * ```\n *\n * @vue-example\n * ```jsx\n * <SearchcraftInputForm autoSearch />\n * ```\n */\n@Component({\n  tag: 'searchcraft-input-form',\n  shadow: false,\n})\nexport class SearchcraftInputForm {\n  /**\n   * Whether or not to automatically submit the search term when the input changes.\n   */\n  @Prop() autoSearch?: boolean = 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;\n  /**\n   * The label rendered above the input.\n   */\n  @Prop() inputLabel?: string;\n  /**\n   * The input element's placeholder value.\n   */\n  @Prop() placeholderValue?: string = 'Enter Search';\n  /**\n   * When the input becomes focused.\n   */\n  @Event() inputFocus?: EventEmitter<void>;\n  /**\n   * When the input becomes unfocused.\n   */\n  @Event() inputBlur?: EventEmitter<void>;\n  /**\n   * Event emitted when input initializes.\n   */\n  @Event() inputInit?: EventEmitter<void>;\n\n  @State() inputValue = '';\n  @State() searchTerm = '';\n  @State() error = false;\n\n  @Prop() core?: SearchcraftCore;\n\n  private searchStore = searchcraftStore.getState();\n\n  init() {\n    if (this.core) {\n      this.searchStore.initialize(this.core);\n      this.inputInit?.emit();\n    }\n  }\n\n  connectedCallback() {\n    this.init();\n  }\n\n  @Watch('core')\n  onCoreChange() {\n    this.init();\n  }\n\n  handleOnInput = (event: Event) => {\n    const input = event.target as HTMLInputElement;\n    this.inputValue = input.value;\n\n    if (!this.autoSearch) {\n      return;\n    }\n\n    this.performSearch(input.value);\n  };\n\n  private performSearch = async (value: string) => {\n    if (value === searchcraftStore.getState().searchTerm) {\n      return;\n    }\n\n    this.searchTerm = value.trim();\n    this.error = false;\n    this.searchStore.setSearchTerm(this.searchTerm);\n\n    try {\n      await this.searchStore.search();\n    } catch (error) {\n      console.log(error);\n      this.error = true;\n    }\n  };\n\n  handleClearInput = () => {\n    this.inputValue = '';\n    this.searchTerm = '';\n    this.searchStore.setSearchTerm('');\n    this.searchStore.setSearchClientResponseItems([]);\n    this.error = false;\n  };\n\n  handleFormSubmit = async (event: Event) => {\n    event.preventDefault();\n    await this.performSearch(this.searchTerm);\n  };\n\n  render() {\n    const isShowingClearButton = this.inputValue.length > 0;\n    const inputGridClassNames = classNames('searchcraft-input-form-grid', {\n      'searchcraft-input-form-grid-button-left':\n        this.buttonPlacement === 'left',\n      'searchcraft-input-form-grid-button-right':\n        this.buttonPlacement === 'right',\n      'searchcraft-input-form-grid-button-none':\n        this.buttonPlacement === 'none',\n    });\n    const shouldHaveVerticalGap = this.inputLabel || this.error;\n    const inputGridStyles = {\n      gap: shouldHaveVerticalGap ? '4px 8px' : '0px 8px',\n    };\n\n    return (\n      <form class='searchcraft-input-form' onSubmit={this.handleFormSubmit}>\n        <div class={inputGridClassNames} style={inputGridStyles}>\n          <div class='searchcraft-input-form-button'>\n            <searchcraft-button\n              onButtonClick={this.handleFormSubmit}\n              label={this.buttonLabel}\n            />\n          </div>\n          {this.inputLabel && (\n            <div class='searchcraft-input-form-label'>\n              <searchcraft-input-label label={this.inputLabel} />\n            </div>\n          )}\n          {this.error && (\n            <div class='searchcraft-input-form-error-message'>\n              <searchcraft-error-message>\n                Something went wrong.\n              </searchcraft-error-message>\n            </div>\n          )}\n          <div class='searchcraft-input-form-input-wrapper'>\n            <input\n              autoComplete='off'\n              class='searchcraft-input-form-input'\n              onFocus={() => this.inputFocus?.emit()}\n              onBlur={() => this.inputBlur?.emit()}\n              onInput={(event) => {\n                this.handleOnInput(event);\n              }}\n              placeholder={this.placeholderValue}\n              type='text'\n              value={this.inputValue}\n            />\n            <div class='searchcraft-input-form-input-icon'>\n              <svg\n                class='searchcraft-input-form-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>Search icon</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='currentColor'\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-form-clear-button'\n                onClick={this.handleClearInput}\n              >\n                <svg\n                  class='searchcraft-input-form-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>Clear icon</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='currentColor'\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/components/p-13e81b5d.js

@@ -0,0 +1,147 @@
+import { p as proxyCustomElement, H, h } from './p-5365011f.js';
+import { s as searchcraftStore } from './p-17c646e2.js';
+import { h as html } from './p-810a7850.js';
+
+const urlAlphabet =
+  'useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict';
+
+let nanoid = (size = 21) => {
+  let id = '';
+  let bytes = crypto.getRandomValues(new Uint8Array((size |= 0)));
+  while (size--) {
+    id += urlAlphabet[bytes[size] & 63];
+  }
+  return id
+};
+
+const SearchcraftPopoverListItemAd = /*@__PURE__*/ proxyCustomElement(class SearchcraftPopoverListItemAd extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    adSource = 'Custom';
+    adClientResponseItem;
+    adContainerId = nanoid();
+    searchTerm;
+    isSearchInProgress = false;
+    get hostElement() { return this; }
+    core;
+    intersectionObserver;
+    storeUnsubscribe;
+    adContainerRenderedTimeout;
+    isComponentConnected = true;
+    connectedCallback() {
+        const currentState = searchcraftStore.getState();
+        this.core = currentState.core;
+        this.searchTerm = currentState.searchTerm;
+        this.isSearchInProgress = currentState.isSearchInProgress;
+        // Subscribes to store changes (for search term).
+        this.storeUnsubscribe = searchcraftStore.subscribe((state) => {
+            this.searchTerm = state.searchTerm;
+            this.isSearchInProgress = state.isSearchInProgress;
+        });
+    }
+    componentDidLoad() {
+        /**
+         * Handles when an ad container is viewable within the document,
+         * Core emits an ad_container_viewed event and performs ad client side effects
+         */
+        if (this.hostElement) {
+            this.intersectionObserver = new IntersectionObserver(([entry]) => {
+                if (entry?.isIntersecting && !this.isSearchInProgress) {
+                    this.core?.handleAdContainerViewed({
+                        adClientResponseItem: this.adClientResponseItem,
+                        adContainerId: this.adContainerId,
+                        adSource: this.adSource,
+                        searchTerm: this.searchTerm || '',
+                    });
+                }
+            }, { threshold: 0 });
+            this.intersectionObserver.observe(this.hostElement);
+        }
+    }
+    disconnectedCallback() {
+        this.storeUnsubscribe?.();
+        this.intersectionObserver?.disconnect();
+        this.isComponentConnected = false;
+        clearTimeout(this.adContainerRenderedTimeout);
+    }
+    renderADMAd() {
+        const item = this.adClientResponseItem;
+        if (!item.admAd) {
+            return;
+        }
+        return (h("div", { class: 'searchcraft-adm-ad' }, h("a", { class: 'searchcraft-adm-ad-link', href: item.admAd.click_url }, item.admAd.image_url && (h("div", { class: 'searchcraft-adm-ad-image-wrapper' }, h("img", { alt: item.admAd.term || 'image', src: item.admAd.image_url, class: 'searchcraft-adm-ad-image' }))), h("div", { class: 'searchcraft-adm-ad-content' }, h("p", { class: 'searchcraft-adm-ad-content-title' }, item.admAd.term), item.admAd.price && (h("p", { class: 'searchcraft-adm-ad-content-subtitle' }, item.admAd.price))))));
+    }
+    renderCustomAd() {
+        const templateRenderFunction = this.core?.config?.customAdTemplate;
+        const containerId = `searchcraft-custom-ad-${this.adContainerId}`;
+        let containerInnerHTML = '<p>Custom Ad Placeholder</p>';
+        if (templateRenderFunction) {
+            containerInnerHTML = templateRenderFunction({
+                searchTerm: this.searchTerm || '',
+                adContainerId: this.adContainerId,
+            }, { html });
+        }
+        return (h("div", { class: 'searchcraft-custom-ad', id: containerId, "data-searchcraft-ad-container-id": this.adContainerId, innerHTML: containerInnerHTML }));
+    }
+    renderNativoAd() {
+        const nativoClassName = this.core?.config.nativoAdClassName || 'ntv-item';
+        return h("div", { class: nativoClassName });
+    }
+    render() {
+        // Don't render ads while search is in progress
+        if (this.isSearchInProgress) {
+            return;
+        }
+        /**
+         * Handles when an ad container is first rendered.
+         * Core emits an ad_container_rendered event and performs ad client side effects
+         *
+         */
+        if (this.isComponentConnected) {
+            clearTimeout(this.adContainerRenderedTimeout);
+            this.adContainerRenderedTimeout = setTimeout(() => {
+                this.core?.handleAdContainerRendered({
+                    adClientResponseItem: this.adClientResponseItem,
+                    adContainerId: this.adContainerId,
+                    adSource: this.adSource,
+                    searchTerm: this.searchTerm || '',
+                });
+            }, this.core?.config?.adContainerRenderedDebounceDelay || 500);
+        }
+        switch (this.adSource) {
+            case 'adMarketplace':
+                return this.renderADMAd();
+            case 'Custom':
+                return this.renderCustomAd();
+            case 'Nativo':
+                return this.renderNativoAd();
+            default:
+                return;
+        }
+    }
+}, [0, "searchcraft-ad", {
+        "adSource": [1, "ad-source"],
+        "adClientResponseItem": [16],
+        "adContainerId": [1, "ad-container-id"],
+        "searchTerm": [32],
+        "isSearchInProgress": [32]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["searchcraft-ad"];
+    components.forEach(tagName => { switch (tagName) {
+        case "searchcraft-ad":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SearchcraftPopoverListItemAd);
+            }
+            break;
+    } });
+}
+
+export { SearchcraftPopoverListItemAd as S, defineCustomElement as d, nanoid as n };
+
+//# sourceMappingURL=p-13e81b5d.js.map

package/dist/components/p-13e81b5d.js.map

@@ -0,0 +1 @@
+{"file":"p-13e81b5d.js","mappings":";;;;AAAO,MAAM,WAAW;AACxB,EAAE;;ACmBQ,IAAC,MAAM,GAAG,CAAC,IAAI,GAAG,EAAE,KAAK;AACnC,EAAE,IAAI,EAAE,GAAG,GAAE;AACb,EAAE,IAAI,KAAK,GAAG,MAAM,CAAC,eAAe,CAAC,IAAI,UAAU,EAAE,IAAI,IAAI,CAAC,EAAE,EAAC;AACjE,EAAE,OAAO,IAAI,EAAE,EAAE;AACjB,IAAI,EAAE,IAAIA,WAAiB,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,EAAC;AAC7C,GAAG;AACH,EAAE,OAAO,EAAE;AACX;;MCLa,4BAA4B;;;;;IAC/B,QAAQ,GAAwB,QAAQ,CAAC;IACzC,oBAAoB,CAAwB;IAC5C,aAAa,GAAW,MAAM,EAAE,CAAC;IAEhC,UAAU,CAAU;IACpB,kBAAkB,GAAG,KAAK,CAAC;;IAG5B,IAAI,CAAmB;IAEvB,oBAAoB,CAAwB;IAC5C,gBAAgB,CAAc;IAC9B,0BAA0B,CAAkB;IAC5C,oBAAoB,GAAG,IAAI,CAAC;IAEpC,iBAAiB;QACf,MAAM,YAAY,GAAG,gBAAgB,CAAC,QAAQ,EAAE,CAAC;QAEjD,IAAI,CAAC,IAAI,GAAG,YAAY,CAAC,IAAI,CAAC;QAC9B,IAAI,CAAC,UAAU,GAAG,YAAY,CAAC,UAAU,CAAC;QAC1C,IAAI,CAAC,kBAAkB,GAAG,YAAY,CAAC,kBAAkB,CAAC;;QAG1D,IAAI,CAAC,gBAAgB,GAAG,gBAAgB,CAAC,SAAS,CAAC,CAAC,KAAK;YACvD,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC;YACnC,IAAI,CAAC,kBAAkB,GAAG,KAAK,CAAC,kBAAkB,CAAC;SACpD,CAAC,CAAC;KACJ;IAED,gBAAgB;;;;;QAKd,IAAI,IAAI,CAAC,WAAW,EAAE;YACpB,IAAI,CAAC,oBAAoB,GAAG,IAAI,oBAAoB,CAClD,CAAC,CAAC,KAAK,CAAC;gBACN,IAAI,KAAK,EAAE,cAAc,IAAI,CAAC,IAAI,CAAC,kBAAkB,EAAE;oBACrD,IAAI,CAAC,IAAI,EAAE,uBAAuB,CAAC;wBACjC,oBAAoB,EAAE,IAAI,CAAC,oBAAoB;wBAC/C,aAAa,EAAE,IAAI,CAAC,aAAa;wBACjC,QAAQ,EAAE,IAAI,CAAC,QAAQ;wBACvB,UAAU,EAAE,IAAI,CAAC,UAAU,IAAI,EAAE;qBAClC,CAAC,CAAC;iBACJ;aACF,EACD,EAAE,SAAS,EAAE,CAAC,EAAE,CACjB,CAAC;YAEF,IAAI,CAAC,oBAAoB,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;SACrD;KACF;IAED,oBAAoB;QAClB,IAAI,CAAC,gBAAgB,IAAI,CAAC;QAC1B,IAAI,CAAC,oBAAoB,EAAE,UAAU,EAAE,CAAC;QACxC,IAAI,CAAC,oBAAoB,GAAG,KAAK,CAAC;QAClC,YAAY,CAAC,IAAI,CAAC,0BAA0B,CAAC,CAAC;KAC/C;IAED,WAAW;QACT,MAAM,IAAI,GAAG,IAAI,CAAC,oBAA6C,CAAC;QAEhE,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;YACf,OAAO;SACR;QAED,QACE,WAAK,KAAK,EAAC,oBAAoB,IAC7B,SAAG,KAAK,EAAC,yBAAyB,EAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,IAC1D,IAAI,CAAC,KAAK,CAAC,SAAS,KACnB,WAAK,KAAK,EAAC,kCAAkC,IAC3C,WACE,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,OAAO,EAC/B,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EACzB,KAAK,EAAC,0BAA0B,GAChC,CACE,CACP,EACD,WAAK,KAAK,EAAC,4BAA4B,IACrC,SAAG,KAAK,EAAC,kCAAkC,IAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAK,EAChE,IAAI,CAAC,KAAK,CAAC,KAAK,KACf,SAAG,KAAK,EAAC,qCAAqC,IAC3C,IAAI,CAAC,KAAK,CAAC,KAAK,CACf,CACL,CACG,CACJ,CACA,EACN;KACH;IAED,cAAc;QACZ,MAAM,sBAAsB,GAAG,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,gBAAgB,CAAC;QACnE,MAAM,WAAW,GAAG,yBAAyB,IAAI,CAAC,aAAa,EAAE,CAAC;QAElE,IAAI,kBAAkB,GAAG,8BAA8B,CAAC;QAExD,IAAI,sBAAsB,EAAE;YAC1B,kBAAkB,GAAG,sBAAsB,CACzC;gBACE,UAAU,EAAE,IAAI,CAAC,UAAU,IAAI,EAAE;gBACjC,aAAa,EAAE,IAAI,CAAC,aAAa;aAClC,EACD,EAAE,IAAI,EAAE,CACT,CAAC;SACH;QAED,QACE,WACE,KAAK,EAAC,uBAAuB,EAC7B,EAAE,EAAE,WAAW,sCACmB,IAAI,CAAC,aAAa,EACpD,SAAS,EAAE,kBAAkB,GAC7B,EACF;KACH;IAED,cAAc;QACZ,MAAM,eAAe,GAAG,IAAI,CAAC,IAAI,EAAE,MAAM,CAAC,iBAAiB,IAAI,UAAU,CAAC;QAC1E,OAAO,WAAK,KAAK,EAAE,eAAe,GAAI,CAAC;KACxC;IAED,MAAM;;QAEJ,IAAI,IAAI,CAAC,kBAAkB,EAAE;YAC3B,OAAO;SACR;;;;;;QAQD,IAAI,IAAI,CAAC,oBAAoB,EAAE;YAC7B,YAAY,CAAC,IAAI,CAAC,0BAA0B,CAAC,CAAC;YAC9C,IAAI,CAAC,0BAA0B,GAAG,UAAU,CAAC;gBAC3C,IAAI,CAAC,IAAI,EAAE,yBAAyB,CAAC;oBACnC,oBAAoB,EAAE,IAAI,CAAC,oBAAoB;oBAC/C,aAAa,EAAE,IAAI,CAAC,aAAa;oBACjC,QAAQ,EAAE,IAAI,CAAC,QAAQ;oBACvB,UAAU,EAAE,IAAI,CAAC,UAAU,IAAI,EAAE;iBAClC,CAAC,CAAC;aACJ,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,gCAAgC,IAAI,GAAG,CAAC,CAAC;SAChE;QAED,QAAQ,IAAI,CAAC,QAAQ;YACnB,KAAK,eAAe;gBAClB,OAAO,IAAI,CAAC,WAAW,EAAE,CAAC;YAC5B,KAAK,QAAQ;gBACX,OAAO,IAAI,CAAC,cAAc,EAAE,CAAC;YAC/B,KAAK,QAAQ;gBACX,OAAO,IAAI,CAAC,cAAc,EAAE,CAAC;YAC/B;gBACE,OAAO;SACV;KACF;;;;;;;;;;;;;;;;;;;;;;;;","names":["scopedUrlAlphabet"],"sources":["../../node_modules/nanoid/url-alphabet/index.js","../../node_modules/nanoid/index.browser.js","src/components/searchcraft-ad/searchcraft-ad.tsx"],"sourcesContent":["export const urlAlphabet =\n  'useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict'\n","import { urlAlphabet as scopedUrlAlphabet } from './url-alphabet/index.js'\nexport { urlAlphabet } from './url-alphabet/index.js'\nexport let random = bytes => crypto.getRandomValues(new Uint8Array(bytes))\nexport let customRandom = (alphabet, defaultSize, getRandom) => {\n  let mask = (2 << Math.log2(alphabet.length - 1)) - 1\n  let step = -~((1.6 * mask * defaultSize) / alphabet.length)\n  return (size = defaultSize) => {\n    let id = ''\n    while (true) {\n      let bytes = getRandom(step)\n      let j = step | 0\n      while (j--) {\n        id += alphabet[bytes[j] & mask] || ''\n        if (id.length >= size) return id\n      }\n    }\n  }\n}\nexport let customAlphabet = (alphabet, size = 21) =>\n  customRandom(alphabet, size | 0, random)\nexport let nanoid = (size = 21) => {\n  let id = ''\n  let bytes = crypto.getRandomValues(new Uint8Array((size |= 0)))\n  while (size--) {\n    id += scopedUrlAlphabet[bytes[size] & 63]\n  }\n  return id\n}\n","import type {\n  AdClientResponseItem,\n  ADMClientResponseItem,\n  SearchcraftCore,\n  SearchcraftAdSource,\n} from '@searchcraft/core';\nimport { Component, Element, h, Prop, State } from '@stencil/core';\nimport { nanoid } from 'nanoid';\n\nimport { searchcraftStore } from '@store';\n\nimport { html } from '@utils';\n\n/**\n * An inline ad meant to be rendered in a list of search results.\n *\n * @internal\n */\n@Component({\n  tag: 'searchcraft-ad',\n  shadow: false,\n})\nexport class SearchcraftPopoverListItemAd {\n  @Prop() adSource: SearchcraftAdSource = 'Custom';\n  @Prop() adClientResponseItem?: AdClientResponseItem;\n  @Prop() adContainerId: string = nanoid();\n\n  @State() searchTerm?: string;\n  @State() isSearchInProgress = false;\n  @Element() hostElement?: HTMLElement;\n\n  private core?: SearchcraftCore;\n\n  private intersectionObserver?: IntersectionObserver;\n  private storeUnsubscribe?: () => void;\n  private adContainerRenderedTimeout?: NodeJS.Timeout;\n  private isComponentConnected = true;\n\n  connectedCallback() {\n    const currentState = searchcraftStore.getState();\n\n    this.core = currentState.core;\n    this.searchTerm = currentState.searchTerm;\n    this.isSearchInProgress = currentState.isSearchInProgress;\n\n    // Subscribes to store changes (for search term).\n    this.storeUnsubscribe = searchcraftStore.subscribe((state) => {\n      this.searchTerm = state.searchTerm;\n      this.isSearchInProgress = state.isSearchInProgress;\n    });\n  }\n\n  componentDidLoad() {\n    /**\n     * Handles when an ad container is viewable within the document,\n     * Core emits an ad_container_viewed event and performs ad client side effects\n     */\n    if (this.hostElement) {\n      this.intersectionObserver = new IntersectionObserver(\n        ([entry]) => {\n          if (entry?.isIntersecting && !this.isSearchInProgress) {\n            this.core?.handleAdContainerViewed({\n              adClientResponseItem: this.adClientResponseItem,\n              adContainerId: this.adContainerId,\n              adSource: this.adSource,\n              searchTerm: this.searchTerm || '',\n            });\n          }\n        },\n        { threshold: 0 },\n      );\n\n      this.intersectionObserver.observe(this.hostElement);\n    }\n  }\n\n  disconnectedCallback() {\n    this.storeUnsubscribe?.();\n    this.intersectionObserver?.disconnect();\n    this.isComponentConnected = false;\n    clearTimeout(this.adContainerRenderedTimeout);\n  }\n\n  renderADMAd() {\n    const item = this.adClientResponseItem as ADMClientResponseItem;\n\n    if (!item.admAd) {\n      return;\n    }\n\n    return (\n      <div class='searchcraft-adm-ad'>\n        <a class='searchcraft-adm-ad-link' href={item.admAd.click_url}>\n          {item.admAd.image_url && (\n            <div class='searchcraft-adm-ad-image-wrapper'>\n              <img\n                alt={item.admAd.term || 'image'}\n                src={item.admAd.image_url}\n                class='searchcraft-adm-ad-image'\n              />\n            </div>\n          )}\n          <div class='searchcraft-adm-ad-content'>\n            <p class='searchcraft-adm-ad-content-title'>{item.admAd.term}</p>\n            {item.admAd.price && (\n              <p class='searchcraft-adm-ad-content-subtitle'>\n                {item.admAd.price}\n              </p>\n            )}\n          </div>\n        </a>\n      </div>\n    );\n  }\n\n  renderCustomAd() {\n    const templateRenderFunction = this.core?.config?.customAdTemplate;\n    const containerId = `searchcraft-custom-ad-${this.adContainerId}`;\n\n    let containerInnerHTML = '<p>Custom Ad Placeholder</p>';\n\n    if (templateRenderFunction) {\n      containerInnerHTML = templateRenderFunction(\n        {\n          searchTerm: this.searchTerm || '',\n          adContainerId: this.adContainerId,\n        },\n        { html },\n      );\n    }\n\n    return (\n      <div\n        class='searchcraft-custom-ad'\n        id={containerId}\n        data-searchcraft-ad-container-id={this.adContainerId}\n        innerHTML={containerInnerHTML}\n      />\n    );\n  }\n\n  renderNativoAd() {\n    const nativoClassName = this.core?.config.nativoAdClassName || 'ntv-item';\n    return <div class={nativoClassName} />;\n  }\n\n  render() {\n    // Don't render ads while search is in progress\n    if (this.isSearchInProgress) {\n      return;\n    }\n\n    /**\n     * Handles when an ad container is first rendered.\n     * Core emits an ad_container_rendered event and performs ad client side effects\n     *\n     */\n\n    if (this.isComponentConnected) {\n      clearTimeout(this.adContainerRenderedTimeout);\n      this.adContainerRenderedTimeout = setTimeout(() => {\n        this.core?.handleAdContainerRendered({\n          adClientResponseItem: this.adClientResponseItem,\n          adContainerId: this.adContainerId,\n          adSource: this.adSource,\n          searchTerm: this.searchTerm || '',\n        });\n      }, this.core?.config?.adContainerRenderedDebounceDelay || 500);\n    }\n\n    switch (this.adSource) {\n      case 'adMarketplace':\n        return this.renderADMAd();\n      case 'Custom':\n        return this.renderCustomAd();\n      case 'Nativo':\n        return this.renderNativoAd();\n      default:\n        return;\n    }\n  }\n}\n"],"version":3}

package/dist/components/p-172a848d.js

@@ -0,0 +1,93 @@
+import { p as proxyCustomElement, H, h } from './p-5365011f.js';
+import { h as html } from './p-810a7850.js';
+import { s as searchcraftStore } from './p-17c646e2.js';
+
+const SearchcraftSearchResult = /*@__PURE__*/ proxyCustomElement(class SearchcraftSearchResult extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    item;
+    /**
+     * The index.
+     */
+    index;
+    /**
+     * The position in the document. Used with the "document_clicked" measure event.
+     */
+    documentPosition = 0;
+    /**
+     * A callback function responsible for rendering a result.
+     */
+    template;
+    templateHtml;
+    get hostElement() { return this; }
+    connectedCallback() {
+        if (this.item) {
+            try {
+                this.templateHtml = this.template?.(this.item.document, this.index, {
+                    html,
+                });
+            }
+            catch (error) {
+                console.error(`Invalid search result template: ${error}`);
+            }
+        }
+    }
+    handleResultContainerClick = (event) => {
+        const state = searchcraftStore.getState();
+        const searchcraft = state.getSearchcraftInstance();
+        if (!event.target) {
+            return;
+        }
+        const target = event.target;
+        const link = target.closest('a');
+        if (!link ||
+            !this.hostElement?.contains(link) ||
+            !searchcraft ||
+            !searchcraft.measureClient) {
+            return;
+        }
+        const document_position = this.documentPosition;
+        const search_term = state.searchTerm;
+        const number_of_documents = state.searchClientResponseItems.length || 0;
+        searchcraft.measureClient.sendMeasureEvent('document_clicked', {
+            document_position,
+            number_of_documents,
+            search_term,
+        });
+    };
+    handleKeyDown = () => { };
+    render() {
+        if (!this.item) {
+            return;
+        }
+        if (typeof this.template === 'undefined') {
+            return (h("div", { class: 'searchcraft-search-result searchcraft-search-result-no-template', onClick: this.handleResultContainerClick, onKeyDown: this.handleKeyDown }, Object.entries(this.item.document).map(([key, value]) => (h("p", { key: key }, h("strong", null, key), ": ", value)))));
+        }
+        return (h("div", { class: 'searchcraft-search-result', innerHTML: this.templateHtml, onClick: this.handleResultContainerClick, onKeyDown: this.handleKeyDown }));
+    }
+}, [0, "searchcraft-search-result", {
+        "item": [16],
+        "index": [2],
+        "documentPosition": [2, "document-position"],
+        "template": [16],
+        "templateHtml": [32]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["searchcraft-search-result"];
+    components.forEach(tagName => { switch (tagName) {
+        case "searchcraft-search-result":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SearchcraftSearchResult);
+            }
+            break;
+    } });
+}
+
+export { SearchcraftSearchResult as S, defineCustomElement as d };
+
+//# sourceMappingURL=p-172a848d.js.map

package/dist/components/p-172a848d.js.map

@@ -0,0 +1 @@
+{"file":"p-172a848d.js","mappings":";;;;MAmBa,uBAAuB;;;;;IAC1B,IAAI,CAA4B;;;;IAIhC,KAAK,CAAU;;;;IAIf,gBAAgB,GAAG,CAAC,CAAC;;;;IAIrB,QAAQ,CAAkD;IAEzD,YAAY,CAAqB;;IAG1C,iBAAiB;QACf,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,IAAI;gBACF,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,EAAE;oBAClE,IAAI;iBACL,CAAC,CAAC;aACJ;YAAC,OAAO,KAAK,EAAE;gBACd,OAAO,CAAC,KAAK,CAAC,mCAAmC,KAAK,EAAE,CAAC,CAAC;aAC3D;SACF;KACF;IAED,0BAA0B,GAAG,CAAC,KAAiB;QAC7C,MAAM,KAAK,GAAG,gBAAgB,CAAC,QAAQ,EAAE,CAAC;QAC1C,MAAM,WAAW,GAAG,KAAK,CAAC,sBAAsB,EAAE,CAAC;QAEnD,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;YACjB,OAAO;SACR;QAED,MAAM,MAAM,GAAG,KAAK,CAAC,MAAqB,CAAC;QAC3C,MAAM,IAAI,GAAG,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;QAEjC,IACE,CAAC,IAAI;YACL,CAAC,IAAI,CAAC,WAAW,EAAE,QAAQ,CAAC,IAAI,CAAC;YACjC,CAAC,WAAW;YACZ,CAAC,WAAW,CAAC,aAAa,EAC1B;YACA,OAAO;SACR;QAED,MAAM,iBAAiB,GAAG,IAAI,CAAC,gBAAgB,CAAC;QAChD,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAC;QACrC,MAAM,mBAAmB,GAAG,KAAK,CAAC,yBAAyB,CAAC,MAAM,IAAI,CAAC,CAAC;QAExE,WAAW,CAAC,aAAa,CAAC,gBAAgB,CAAC,kBAAkB,EAAE;YAC7D,iBAAiB;YACjB,mBAAmB;YACnB,WAAW;SACZ,CAAC,CAAC;KACJ,CAAC;IAEF,aAAa,GAAG,SAAQ,CAAC;IAEzB,MAAM;QACJ,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;YACd,OAAO;SACR;QAED,IAAI,OAAO,IAAI,CAAC,QAAQ,KAAK,WAAW,EAAE;YACxC,QACE,WACE,KAAK,EAAC,iEAAiE,EACvE,OAAO,EAAE,IAAI,CAAC,0BAA0B,EACxC,SAAS,EAAE,IAAI,CAAC,aAAa,IAE5B,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,MACnD,SAAG,GAAG,EAAE,GAAG,IACT,kBAAS,GAAG,CAAU,QAAG,KAAK,CAC5B,CACL,CAAC,CACE,EACN;SACH;QAED,QACE,WACE,KAAK,EAAC,2BAA2B,EACjC,SAAS,EAAE,IAAI,CAAC,YAAY,EAC5B,OAAO,EAAE,IAAI,CAAC,0BAA0B,EACxC,SAAS,EAAE,IAAI,CAAC,aAAa,GAC7B,EACF;KACH;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/searchcraft-search-result/searchcraft-search-result.tsx"],"sourcesContent":["import type {\n  SearchClientResponseItem,\n  SearchResultTemplate,\n  SearchResultTemplateData,\n} from '@searchcraft/core';\nimport { Component, Element, h, Prop, State } from '@stencil/core';\n\nimport { html } from '@utils';\nimport { searchcraftStore } from '@store';\n\n/**\n * This web component is designed to display detailed information for a single search result. Once a query is submitted, the component formats and presents the result.\n *\n * @internal\n */\n@Component({\n  tag: 'searchcraft-search-result',\n  shadow: false,\n})\nexport class SearchcraftSearchResult {\n  @Prop() item?: SearchClientResponseItem;\n  /**\n   * The index.\n   */\n  @Prop() index!: number;\n  /**\n   * The position in the document. Used with the \"document_clicked\" measure event.\n   */\n  @Prop() documentPosition = 0;\n  /**\n   * A callback function responsible for rendering a result.\n   */\n  @Prop() template?: SearchResultTemplate<SearchResultTemplateData>;\n\n  @State() templateHtml: string | undefined;\n  @Element() hostElement?: HTMLElement;\n\n  connectedCallback() {\n    if (this.item) {\n      try {\n        this.templateHtml = this.template?.(this.item.document, this.index, {\n          html,\n        });\n      } catch (error) {\n        console.error(`Invalid search result template: ${error}`);\n      }\n    }\n  }\n\n  handleResultContainerClick = (event: MouseEvent) => {\n    const state = searchcraftStore.getState();\n    const searchcraft = state.getSearchcraftInstance();\n\n    if (!event.target) {\n      return;\n    }\n\n    const target = event.target as HTMLElement;\n    const link = target.closest('a');\n\n    if (\n      !link ||\n      !this.hostElement?.contains(link) ||\n      !searchcraft ||\n      !searchcraft.measureClient\n    ) {\n      return;\n    }\n\n    const document_position = this.documentPosition;\n    const search_term = state.searchTerm;\n    const number_of_documents = state.searchClientResponseItems.length || 0;\n\n    searchcraft.measureClient.sendMeasureEvent('document_clicked', {\n      document_position,\n      number_of_documents,\n      search_term,\n    });\n  };\n\n  handleKeyDown = () => {};\n\n  render() {\n    if (!this.item) {\n      return;\n    }\n\n    if (typeof this.template === 'undefined') {\n      return (\n        <div\n          class='searchcraft-search-result searchcraft-search-result-no-template'\n          onClick={this.handleResultContainerClick}\n          onKeyDown={this.handleKeyDown}\n        >\n          {Object.entries(this.item.document).map(([key, value]) => (\n            <p key={key}>\n              <strong>{key}</strong>: {value}\n            </p>\n          ))}\n        </div>\n      );\n    }\n\n    return (\n      <div\n        class='searchcraft-search-result'\n        innerHTML={this.templateHtml}\n        onClick={this.handleResultContainerClick}\n        onKeyDown={this.handleKeyDown}\n      />\n    );\n  }\n}\n"],"version":3}