@searchcraft/javascript-sdk 0.8.2 → 0.9.0

package/dist/collection/components/searchcraft-popover-list-item/searchcraft-popover-list-item.js

@@ -1,128 +0,0 @@
-import { useSearchcraftStore } from "../../provider/store";
-import { h } from "@stencil/core";
-import { getDocumentValueFromSearchResultMapping } from "../../utils/index";
-/**
- * A single list item rendered in a searchcraft-popover-list-view.
- */
-export class SearchcraftPopoverListItem {
-    item;
-    popoverResultMappings;
-    /** The document position relative to the search results (For Measure) */
-    documentPosition = 0;
-    href;
-    imageSrc;
-    imageAlt;
-    titleContent;
-    subtitleContent;
-    mapValuesFromDocument(document) {
-        this.titleContent = getDocumentValueFromSearchResultMapping(document, this.popoverResultMappings?.title);
-        this.subtitleContent = getDocumentValueFromSearchResultMapping(document, this.popoverResultMappings?.subtitle);
-        this.href = getDocumentValueFromSearchResultMapping(document, this.popoverResultMappings?.href);
-        this.imageSrc = getDocumentValueFromSearchResultMapping(document, this.popoverResultMappings?.imageSource);
-        this.imageAlt = getDocumentValueFromSearchResultMapping(document, this.popoverResultMappings?.imageAlt);
-    }
-    connectedCallback() {
-        if (this.item) {
-            this.mapValuesFromDocument(this.item.document);
-        }
-    }
-    disconnectedCallback() { }
-    handleLinkClick = () => {
-        const state = useSearchcraftStore.getState();
-        const searchcraft = state.getSearchcraftInstance();
-        if (searchcraft) {
-            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,
-            });
-        }
-    };
-    render() {
-        return (h("a", { key: '77e0a59f0441c7ed717ffc0de7f335e76b7b5f5e', class: 'searchcraft-popover-list-item', href: this.href, onClick: this.handleLinkClick.bind(this) }, this.imageSrc && (h("div", { key: '70fe7167cd9baa5029b1482ac6e71bd46c3171a7', class: 'searchcraft-popover-list-item-image-wrapper' }, h("img", { key: '768f651b06005ecefb9818268664334c6bf0d333', alt: this.imageAlt, src: this.imageSrc, class: 'searchcraft-popover-list-item-image' }))), h("div", { key: 'a34b31b92d232193e9d43c5871ecad0d4ee3f59a', class: 'searchcraft-popover-list-item-info-wrapper' }, h("p", { key: 'f2bd9dab4008d200b4528fde35950be90503d66c', class: 'searchcraft-popover-list-item-title' }, this.titleContent), h("p", { key: '4231966d7c4c48dfaaf4925ad18db3428219edad', class: 'searchcraft-popover-list-item-subtitle' }, this.subtitleContent))));
-    }
-    static get is() { return "searchcraft-popover-list-item"; }
-    static get properties() {
-        return {
-            "item": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "SearchClientResponseItem | undefined",
-                    "resolved": "SearchClientResponseItem | undefined",
-                    "references": {
-                        "SearchClientResponseItem": {
-                            "location": "import",
-                            "path": "@searchcraft/core",
-                            "id": "../core-sdk/dist/index.d.ts::SearchClientResponseItem"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false
-            },
-            "popoverResultMappings": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "PopoverResultMappings | undefined",
-                    "resolved": "undefined | { title?: SearchResultMapping | undefined; subtitle?: SearchResultMapping | undefined; imageSource?: SearchResultMapping | undefined; imageAlt?: SearchResultMapping | undefined; href?: SearchResultMapping | undefined; }",
-                    "references": {
-                        "PopoverResultMappings": {
-                            "location": "import",
-                            "path": "@searchcraft/core",
-                            "id": "../core-sdk/dist/index.d.ts::PopoverResultMappings"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false
-            },
-            "documentPosition": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "The document position relative to the search results (For Measure)"
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "document-position",
-                "reflect": false,
-                "defaultValue": "0"
-            }
-        };
-    }
-    static get states() {
-        return {
-            "href": {},
-            "imageSrc": {},
-            "imageAlt": {},
-            "titleContent": {},
-            "subtitleContent": {}
-        };
-    }
-}
-//# sourceMappingURL=searchcraft-popover-list-item.js.map

package/dist/collection/components/searchcraft-popover-list-item/searchcraft-popover-list-item.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"searchcraft-popover-list-item.js","sourceRoot":"","sources":["../../../../src/components/searchcraft-popover-list-item/searchcraft-popover-list-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAMtD,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAE,uCAAuC,EAAE,MAAM,QAAQ,CAAC;AAEjE;;GAEG;AAKH,MAAM,OAAO,0BAA0B;IAC7B,IAAI,CAAuC;IAC3C,qBAAqB,CAAoC;IACjE,yEAAyE;IACjE,gBAAgB,GAAG,CAAC,CAAC;IAEpB,IAAI,CAAU;IACd,QAAQ,CAAU;IAClB,QAAQ,CAAU;IAClB,YAAY,CAAU;IACtB,eAAe,CAAU;IAElC,qBAAqB,CAAC,QAAwB;QAC5C,IAAI,CAAC,YAAY,GAAG,uCAAuC,CACzD,QAAQ,EACR,IAAI,CAAC,qBAAqB,EAAE,KAAK,CAClC,CAAC;QACF,IAAI,CAAC,eAAe,GAAG,uCAAuC,CAC5D,QAAQ,EACR,IAAI,CAAC,qBAAqB,EAAE,QAAQ,CACrC,CAAC;QACF,IAAI,CAAC,IAAI,GAAG,uCAAuC,CACjD,QAAQ,EACR,IAAI,CAAC,qBAAqB,EAAE,IAAI,CACjC,CAAC;QACF,IAAI,CAAC,QAAQ,GAAG,uCAAuC,CACrD,QAAQ,EACR,IAAI,CAAC,qBAAqB,EAAE,WAAW,CACxC,CAAC;QACF,IAAI,CAAC,QAAQ,GAAG,uCAAuC,CACrD,QAAQ,EACR,IAAI,CAAC,qBAAqB,EAAE,QAAQ,CACrC,CAAC;IACJ,CAAC;IAED,iBAAiB;QACf,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACd,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACjD,CAAC;IACH,CAAC;IAED,oBAAoB,KAAI,CAAC;IAEzB,eAAe,GAAG,GAAG,EAAE;QACrB,MAAM,KAAK,GAAG,mBAAmB,CAAC,QAAQ,EAAE,CAAC;QAC7C,MAAM,WAAW,GAAG,KAAK,CAAC,sBAAsB,EAAE,CAAC;QAEnD,IAAI,WAAW,EAAE,CAAC;YAChB,MAAM,iBAAiB,GAAG,IAAI,CAAC,gBAAgB,CAAC;YAChD,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAC;YACrC,MAAM,mBAAmB,GAAG,KAAK,CAAC,yBAAyB,CAAC,MAAM,IAAI,CAAC,CAAC;YAExE,WAAW,CAAC,aAAa,EAAE,gBAAgB,CAAC,kBAAkB,EAAE;gBAC9D,iBAAiB;gBACjB,mBAAmB;gBACnB,WAAW;aACZ,CAAC,CAAC;QACL,CAAC;IACH,CAAC,CAAC;IAEF,MAAM;QACJ,OAAO,CACL,0DACE,KAAK,EAAC,+BAA+B,EACrC,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC;YAEvC,IAAI,CAAC,QAAQ,IAAI,CAChB,4DAAK,KAAK,EAAC,6CAA6C;gBACtD,4DACE,GAAG,EAAE,IAAI,CAAC,QAAQ,EAClB,GAAG,EAAE,IAAI,CAAC,QAAQ,EAClB,KAAK,EAAC,qCAAqC,GAC3C,CACE,CACP;YACD,4DAAK,KAAK,EAAC,4CAA4C;gBACrD,0DAAG,KAAK,EAAC,qCAAqC,IAAE,IAAI,CAAC,YAAY,CAAK;gBACtE,0DAAG,KAAK,EAAC,wCAAwC,IAC9C,IAAI,CAAC,eAAe,CACnB,CACA,CACJ,CACL,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { useSearchcraftStore } from '@provider/store';\nimport type {\n  SearchDocument,\n  SearchClientResponseItem,\n  PopoverResultMappings,\n} from '@searchcraft/core';\nimport { Component, h, Prop, State } from '@stencil/core';\nimport { getDocumentValueFromSearchResultMapping } from '@utils';\n\n/**\n * A single list item rendered in a searchcraft-popover-list-view.\n */\n@Component({\n  tag: 'searchcraft-popover-list-item',\n  shadow: false,\n})\nexport class SearchcraftPopoverListItem {\n  @Prop() item: SearchClientResponseItem | undefined;\n  @Prop() popoverResultMappings: PopoverResultMappings | undefined;\n  /** The document position relative to the search results (For Measure) */\n  @Prop() documentPosition = 0;\n\n  @State() href?: string;\n  @State() imageSrc?: string;\n  @State() imageAlt?: string;\n  @State() titleContent?: string;\n  @State() subtitleContent?: string;\n\n  mapValuesFromDocument(document: SearchDocument) {\n    this.titleContent = getDocumentValueFromSearchResultMapping(\n      document,\n      this.popoverResultMappings?.title,\n    );\n    this.subtitleContent = getDocumentValueFromSearchResultMapping(\n      document,\n      this.popoverResultMappings?.subtitle,\n    );\n    this.href = getDocumentValueFromSearchResultMapping(\n      document,\n      this.popoverResultMappings?.href,\n    );\n    this.imageSrc = getDocumentValueFromSearchResultMapping(\n      document,\n      this.popoverResultMappings?.imageSource,\n    );\n    this.imageAlt = getDocumentValueFromSearchResultMapping(\n      document,\n      this.popoverResultMappings?.imageAlt,\n    );\n  }\n\n  connectedCallback() {\n    if (this.item) {\n      this.mapValuesFromDocument(this.item.document);\n    }\n  }\n\n  disconnectedCallback() {}\n\n  handleLinkClick = () => {\n    const state = useSearchcraftStore.getState();\n    const searchcraft = state.getSearchcraftInstance();\n\n    if (searchcraft) {\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\n  render() {\n    return (\n      <a\n        class='searchcraft-popover-list-item'\n        href={this.href}\n        onClick={this.handleLinkClick.bind(this)}\n      >\n        {this.imageSrc && (\n          <div class='searchcraft-popover-list-item-image-wrapper'>\n            <img\n              alt={this.imageAlt}\n              src={this.imageSrc}\n              class='searchcraft-popover-list-item-image'\n            />\n          </div>\n        )}\n        <div class='searchcraft-popover-list-item-info-wrapper'>\n          <p class='searchcraft-popover-list-item-title'>{this.titleContent}</p>\n          <p class='searchcraft-popover-list-item-subtitle'>\n            {this.subtitleContent}\n          </p>\n        </div>\n      </a>\n    );\n  }\n}\n"]}

package/dist/collection/components/searchcraft-popover-list-item-ad/searchcraft-popover-list-item-ad.js

@@ -1,73 +0,0 @@
-import { h } from "@stencil/core";
-/**
- * A single list item rendered in a searchcraft-popover-list-view.
- */
-export class SearchcraftPopoverListItemAd {
-    adClientResponseItem;
-    connectedCallback() {
-        if (this.adClientResponseItem?.admAd?.impression_url) {
-            fetch(this.adClientResponseItem?.admAd?.impression_url);
-        }
-    }
-    renderADMProductAd() {
-        const ad = this.adClientResponseItem?.admAd;
-        if (!ad) {
-            return;
-        }
-        return (h("a", { class: 'searchcraft-popover-list-item-ad', href: ad.click_url }, ad.image_url && (h("div", { class: 'searchcraft-popover-list-item-ad-image-wrapper' }, h("img", { alt: ad.term, src: ad.image_url, class: 'searchcraft-popover-list-item-ad-image' }))), h("div", { class: 'searchcraft-popover-list-item-ad-info-wrapper' }, h("p", { class: 'searchcraft-popover-list-item-ad-title' }, ad.term), h("p", { class: 'searchcraft-popover-list-item-ad-subtitle' }, ad.price))));
-    }
-    renderADMTextAd() {
-        const ad = this.adClientResponseItem?.admAd;
-        if (!ad) {
-            return;
-        }
-        return (h("a", { class: 'searchcraft-popover-list-item-ad', href: ad.click_url }, ad.image_url && (h("div", { class: 'searchcraft-popover-list-item-ad-image-wrapper' }, h("img", { alt: ad.term, src: ad.image_url, class: 'searchcraft-popover-list-item-ad-image' }))), h("div", { class: 'searchcraft-popover-list-item-ad-info-wrapper' }, h("p", { class: 'searchcraft-popover-list-item-ad-title' }, ad.term))));
-    }
-    renderNativoAd() { }
-    renderAdPlaceholder() {
-        return h("p", null, "Ad placeholder");
-        // return;
-    }
-    render() {
-        if (!this.adClientResponseItem) {
-            return this.renderAdPlaceholder();
-        }
-        switch (this.adClientResponseItem.type) {
-            case 'adm-product-ad':
-                return this.renderADMProductAd();
-            case 'adm-text-ad':
-                return this.renderADMTextAd();
-            case 'nativo-ad':
-                return this.renderNativoAd();
-        }
-    }
-    static get is() { return "searchcraft-popover-list-item-ad"; }
-    static get properties() {
-        return {
-            "adClientResponseItem": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "AdClientResponseItem",
-                    "resolved": "AdClientResponseItem | undefined",
-                    "references": {
-                        "AdClientResponseItem": {
-                            "location": "import",
-                            "path": "@searchcraft/core",
-                            "id": "../core-sdk/dist/index.d.ts::AdClientResponseItem"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false
-            }
-        };
-    }
-}
-//# sourceMappingURL=searchcraft-popover-list-item-ad.js.map

package/dist/collection/components/searchcraft-popover-list-item-ad/searchcraft-popover-list-item-ad.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"searchcraft-popover-list-item-ad.js","sourceRoot":"","sources":["../../../../src/components/searchcraft-popover-list-item-ad/searchcraft-popover-list-item-ad.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAEnD;;GAEG;AAKH,MAAM,OAAO,4BAA4B;IAC/B,oBAAoB,CAAwB;IAEpD,iBAAiB;QACf,IAAI,IAAI,CAAC,oBAAoB,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC;YACrD,KAAK,CAAC,IAAI,CAAC,oBAAoB,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC;QAC1D,CAAC;IACH,CAAC;IAED,kBAAkB;QAChB,MAAM,EAAE,GAAG,IAAI,CAAC,oBAAoB,EAAE,KAAqB,CAAC;QAC5D,IAAI,CAAC,EAAE,EAAE,CAAC;YACR,OAAO;QACT,CAAC;QAED,OAAO,CACL,SAAG,KAAK,EAAC,kCAAkC,EAAC,IAAI,EAAE,EAAE,CAAC,SAAS;YAC3D,EAAE,CAAC,SAAS,IAAI,CACf,WAAK,KAAK,EAAC,gDAAgD;gBACzD,WACE,GAAG,EAAE,EAAE,CAAC,IAAI,EACZ,GAAG,EAAE,EAAE,CAAC,SAAS,EACjB,KAAK,EAAC,wCAAwC,GAC9C,CACE,CACP;YACD,WAAK,KAAK,EAAC,+CAA+C;gBACxD,SAAG,KAAK,EAAC,wCAAwC,IAAE,EAAE,CAAC,IAAI,CAAK;gBAC/D,SAAG,KAAK,EAAC,2CAA2C,IAAE,EAAE,CAAC,KAAK,CAAK,CAC/D,CACJ,CACL,CAAC;IACJ,CAAC;IAED,eAAe;QACb,MAAM,EAAE,GAAG,IAAI,CAAC,oBAAoB,EAAE,KAAkB,CAAC;QACzD,IAAI,CAAC,EAAE,EAAE,CAAC;YACR,OAAO;QACT,CAAC;QAED,OAAO,CACL,SAAG,KAAK,EAAC,kCAAkC,EAAC,IAAI,EAAE,EAAE,CAAC,SAAS;YAC3D,EAAE,CAAC,SAAS,IAAI,CACf,WAAK,KAAK,EAAC,gDAAgD;gBACzD,WACE,GAAG,EAAE,EAAE,CAAC,IAAI,EACZ,GAAG,EAAE,EAAE,CAAC,SAAS,EACjB,KAAK,EAAC,wCAAwC,GAC9C,CACE,CACP;YACD,WAAK,KAAK,EAAC,+CAA+C;gBACxD,SAAG,KAAK,EAAC,wCAAwC,IAAE,EAAE,CAAC,IAAI,CAAK,CAC3D,CACJ,CACL,CAAC;IACJ,CAAC;IAED,cAAc,KAAI,CAAC;IAEnB,mBAAmB;QACjB,OAAO,8BAAqB,CAAC;QAC7B,UAAU;IACZ,CAAC;IAED,MAAM;QACJ,IAAI,CAAC,IAAI,CAAC,oBAAoB,EAAE,CAAC;YAC/B,OAAO,IAAI,CAAC,mBAAmB,EAAE,CAAC;QACpC,CAAC;QAED,QAAQ,IAAI,CAAC,oBAAoB,CAAC,IAAI,EAAE,CAAC;YACvC,KAAK,gBAAgB;gBACnB,OAAO,IAAI,CAAC,kBAAkB,EAAE,CAAC;YACnC,KAAK,aAAa;gBAChB,OAAO,IAAI,CAAC,eAAe,EAAE,CAAC;YAChC,KAAK,WAAW;gBACd,OAAO,IAAI,CAAC,cAAc,EAAE,CAAC;QACjC,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import type {\n  AdClientResponseItem,\n  ADMProductAd,\n  ADMTextAd,\n} from '@searchcraft/core';\nimport { Component, h, Prop } from '@stencil/core';\n\n/**\n * A single list item rendered in a searchcraft-popover-list-view.\n */\n@Component({\n  tag: 'searchcraft-popover-list-item-ad',\n  shadow: false,\n})\nexport class SearchcraftPopoverListItemAd {\n  @Prop() adClientResponseItem?: AdClientResponseItem;\n\n  connectedCallback() {\n    if (this.adClientResponseItem?.admAd?.impression_url) {\n      fetch(this.adClientResponseItem?.admAd?.impression_url);\n    }\n  }\n\n  renderADMProductAd() {\n    const ad = this.adClientResponseItem?.admAd as ADMProductAd;\n    if (!ad) {\n      return;\n    }\n\n    return (\n      <a class='searchcraft-popover-list-item-ad' href={ad.click_url}>\n        {ad.image_url && (\n          <div class='searchcraft-popover-list-item-ad-image-wrapper'>\n            <img\n              alt={ad.term}\n              src={ad.image_url}\n              class='searchcraft-popover-list-item-ad-image'\n            />\n          </div>\n        )}\n        <div class='searchcraft-popover-list-item-ad-info-wrapper'>\n          <p class='searchcraft-popover-list-item-ad-title'>{ad.term}</p>\n          <p class='searchcraft-popover-list-item-ad-subtitle'>{ad.price}</p>\n        </div>\n      </a>\n    );\n  }\n\n  renderADMTextAd() {\n    const ad = this.adClientResponseItem?.admAd as ADMTextAd;\n    if (!ad) {\n      return;\n    }\n\n    return (\n      <a class='searchcraft-popover-list-item-ad' href={ad.click_url}>\n        {ad.image_url && (\n          <div class='searchcraft-popover-list-item-ad-image-wrapper'>\n            <img\n              alt={ad.term}\n              src={ad.image_url}\n              class='searchcraft-popover-list-item-ad-image'\n            />\n          </div>\n        )}\n        <div class='searchcraft-popover-list-item-ad-info-wrapper'>\n          <p class='searchcraft-popover-list-item-ad-title'>{ad.term}</p>\n        </div>\n      </a>\n    );\n  }\n\n  renderNativoAd() {}\n\n  renderAdPlaceholder() {\n    return <p>Ad placeholder</p>;\n    // return;\n  }\n\n  render() {\n    if (!this.adClientResponseItem) {\n      return this.renderAdPlaceholder();\n    }\n\n    switch (this.adClientResponseItem.type) {\n      case 'adm-product-ad':\n        return this.renderADMProductAd();\n      case 'adm-text-ad':\n        return this.renderADMTextAd();\n      case 'nativo-ad':\n        return this.renderNativoAd();\n    }\n  }\n}\n"]}

package/dist/collection/components/searchcraft-popover-list-view/searchcraft-popover-list-view.js

@@ -1,141 +0,0 @@
-import { h } from "@stencil/core";
-/**
- * This web component is designed to display a list of results within a popover interface.
- * It is consumed within the `searchcraft-popover-form` component.
- *
- * ## Usage
- * ```html
- * <!-- index.html -->
- * <searchcraft-popover-list-view />
- * ```
- */
-export class SearchcraftPopoverListView {
-    /**
-     * The mappings that define how the data in the documents are mapped to the
-     * list-view-item elements.
-     */
-    popoverResultMappings;
-    /**
-     * The items to render in the list view.
-     */
-    searchClientResponseItems;
-    adClientResponseItems;
-    searchResultsPage;
-    searchResultsPerPage;
-    render() {
-        return (h("div", { key: 'a869d98e96f6fbbc80ecb79058c4753b4a3a8b1d', class: 'searchcraft-popover-list-view' }, this.adClientResponseItems?.map((item) => (h("searchcraft-popover-list-item-ad", { adClientResponseItem: item, key: item.adId }))), this.searchClientResponseItems?.map((item, index) => (h("searchcraft-popover-list-item", { item: item, key: item.id, popoverResultMappings: this.popoverResultMappings, documentPosition: this.searchResultsPerPage * (this.searchResultsPage - 1) + index })))));
-    }
-    static get is() { return "searchcraft-popover-list-view"; }
-    static get properties() {
-        return {
-            "popoverResultMappings": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "PopoverResultMappings | undefined",
-                    "resolved": "undefined | { title?: SearchResultMapping | undefined; subtitle?: SearchResultMapping | undefined; imageSource?: SearchResultMapping | undefined; imageAlt?: SearchResultMapping | undefined; href?: SearchResultMapping | undefined; }",
-                    "references": {
-                        "PopoverResultMappings": {
-                            "location": "import",
-                            "path": "@searchcraft/core",
-                            "id": "../core-sdk/dist/index.d.ts::PopoverResultMappings"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "The mappings that define how the data in the documents are mapped to the\nlist-view-item elements."
-                },
-                "getter": false,
-                "setter": false
-            },
-            "searchClientResponseItems": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "SearchClientResponseItem[] | undefined",
-                    "resolved": "SearchClientResponseItem[] | undefined",
-                    "references": {
-                        "SearchClientResponseItem": {
-                            "location": "import",
-                            "path": "@searchcraft/core",
-                            "id": "../core-sdk/dist/index.d.ts::SearchClientResponseItem"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "The items to render in the list view."
-                },
-                "getter": false,
-                "setter": false
-            },
-            "adClientResponseItems": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "AdClientResponseItem[] | undefined",
-                    "resolved": "AdClientResponseItem[] | undefined",
-                    "references": {
-                        "AdClientResponseItem": {
-                            "location": "import",
-                            "path": "@searchcraft/core",
-                            "id": "../core-sdk/dist/index.d.ts::AdClientResponseItem"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false
-            },
-            "searchResultsPage": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": true,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "search-results-page",
-                "reflect": false
-            },
-            "searchResultsPerPage": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": true,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "search-results-per-page",
-                "reflect": false
-            }
-        };
-    }
-}
-//# sourceMappingURL=searchcraft-popover-list-view.js.map

package/dist/collection/components/searchcraft-popover-list-view/searchcraft-popover-list-view.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"searchcraft-popover-list-view.js","sourceRoot":"","sources":["../../../../src/components/searchcraft-popover-list-view/searchcraft-popover-list-view.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAInD;;;;;;;;;GASG;AAKH,MAAM,OAAO,0BAA0B;IACrC;;;OAGG;IACK,qBAAqB,CAAoC;IACjE;;OAEG;IACK,yBAAyB,CAAyC;IAClE,qBAAqB,CAAqC;IAC1D,iBAAiB,CAAU;IAC3B,oBAAoB,CAAU;IAEtC,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,+BAA+B;YACvC,IAAI,CAAC,qBAAqB,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACzC,wCACE,oBAAoB,EAAE,IAAI,EAC1B,GAAG,EAAE,IAAI,CAAC,IAAI,GACd,CACH,CAAC;YACD,IAAI,CAAC,yBAAyB,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACpD,qCACE,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,IAAI,CAAC,EAAE,EACZ,qBAAqB,EAAE,IAAI,CAAC,qBAAqB,EACjD,gBAAgB,EACd,IAAI,CAAC,oBAAoB,GAAG,CAAC,IAAI,CAAC,iBAAiB,GAAG,CAAC,CAAC,GAAG,KAAK,GAElE,CACH,CAAC,CACE,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import type {\n  AdClientResponseItem,\n  SearchClientResponseItem,\n} from '@searchcraft/core';\nimport { Component, h, Prop } from '@stencil/core';\n\nimport type { PopoverResultMappings } from '@searchcraft/core';\n\n/**\n * This web component is designed to display a list of results within a popover interface.\n * It is consumed within the `searchcraft-popover-form` component.\n *\n * ## Usage\n * ```html\n * <!-- index.html -->\n * <searchcraft-popover-list-view />\n * ```\n */\n@Component({\n  tag: 'searchcraft-popover-list-view',\n  shadow: false,\n})\nexport class SearchcraftPopoverListView {\n  /**\n   * The mappings that define how the data in the documents are mapped to the\n   * list-view-item elements.\n   */\n  @Prop() popoverResultMappings: PopoverResultMappings | undefined;\n  /**\n   * The items to render in the list view.\n   */\n  @Prop() searchClientResponseItems: SearchClientResponseItem[] | undefined;\n  @Prop() adClientResponseItems: AdClientResponseItem[] | undefined;\n  @Prop() searchResultsPage!: number;\n  @Prop() searchResultsPerPage!: number;\n\n  render() {\n    return (\n      <div class='searchcraft-popover-list-view'>\n        {this.adClientResponseItems?.map((item) => (\n          <searchcraft-popover-list-item-ad\n            adClientResponseItem={item}\n            key={item.adId}\n          />\n        ))}\n        {this.searchClientResponseItems?.map((item, index) => (\n          <searchcraft-popover-list-item\n            item={item}\n            key={item.id}\n            popoverResultMappings={this.popoverResultMappings}\n            documentPosition={\n              this.searchResultsPerPage * (this.searchResultsPage - 1) + index\n            }\n          />\n        ))}\n      </div>\n    );\n  }\n}\n"]}

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

@@ -1,138 +0,0 @@
-import { h } from "@stencil/core";
-import classNames from "classnames";
-import { useSearchcraftStore } from "../../provider/store";
-import { formatNumberWithCommas, parseCustomStyles } from "../../utils/index";
-/**
- * This web component is designed to display the number of results returned from a search query.
- *
- * ## Usage
- * ```html
- * <!-- index.html -->
- * <script>
- *  const resultsInfo = document.querySelector('searchcraft-results-info');
- *  resultsInfo.customFormatter = (range, count, responseTime) =>
- *    `${range[0]}-${range[1]} of ${count} results in ${responseTime}ms`;
- * </script>
- *
- * <searchcraft-results-info />
- * ```
- */
-export class SearchcraftResultsInfo {
-    /**
-     * The custom formatter for the resulting string.
-     *
-     * @example
-     * ```ts
-     *  resultsInfo.customFormatter = (range, count, responseTime) =>
-     *    `${range[0]}-${range[1]} of ${count} results in ${responseTime}ms`;
-     * ```
-     */
-    customFormatter;
-    /**
-     * The custom styles object.
-     */
-    customStyles;
-    // store vars
-    searchTerm;
-    searchResultsPage;
-    searchResultsPerPage;
-    searchResultsCount;
-    // local vars
-    count = 0;
-    range = [0, 0];
-    responseTime = '0';
-    unsubscribe = () => { };
-    connectedCallback() {
-        this.unsubscribe = useSearchcraftStore.subscribe((state) => {
-            // store vars
-            this.searchTerm = state.searchTerm;
-            this.searchResultsPage = state.searchResultsPage;
-            this.searchResultsPerPage = state.searchResultsPerPage;
-            this.searchResultsCount = state.searchResultsCount;
-            // local vars
-            this.count = this.searchResultsCount;
-            this.range[0] =
-                this.searchResultsPage <= 1
-                    ? 1
-                    : this.searchResultsPerPage * (this.searchResultsPage - 1);
-            this.range[1] = this.searchResultsPerPage * this.searchResultsPage;
-            this.range[1] =
-                this.range[1] > this.searchResultsCount
-                    ? this.searchResultsCount
-                    : this.range[1];
-            this.responseTime = ((state.searchResponseTimeTaken || 0) * 1000).toFixed(2);
-        });
-    }
-    disconnectedCallback() {
-        if (this.unsubscribe) {
-            this.unsubscribe();
-        }
-    }
-    render() {
-        if (!this.searchTerm || this.searchResultsCount === 0) {
-            return null;
-        }
-        return (h("p", { class: classNames('searchcraft-results-info', parseCustomStyles(this.customStyles || {})) }, this.customFormatter
-            ? this.customFormatter([
-                formatNumberWithCommas(this.range[0]),
-                formatNumberWithCommas(this.range[1]),
-            ], formatNumberWithCommas(this.count), this.responseTime)
-            : `${this.count} results found in ${this.responseTime}ms`));
-    }
-    static get is() { return "searchcraft-results-info"; }
-    static get properties() {
-        return {
-            "customFormatter": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "(\n    range: [string, string],\n    count: string,\n    responseTime: string,\n  ) => void",
-                    "resolved": "((range: [string, string], count: string, responseTime: string) => void) | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [{
-                            "name": "example",
-                            "text": "```ts\n resultsInfo.customFormatter = (range, count, responseTime) =>\n   `${range[0]}-${range[1]} of ${count} results in ${responseTime}ms`;\n```"
-                        }],
-                    "text": "The custom formatter for the resulting string."
-                },
-                "getter": false,
-                "setter": false
-            },
-            "customStyles": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "The custom styles object."
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "custom-styles",
-                "reflect": false
-            }
-        };
-    }
-    static get states() {
-        return {
-            "searchTerm": {},
-            "searchResultsPage": {},
-            "searchResultsPerPage": {},
-            "searchResultsCount": {},
-            "count": {},
-            "range": {},
-            "responseTime": {}
-        };
-    }
-}
-//# sourceMappingURL=searchcraft-results-info.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"searchcraft-results-info.js","sourceRoot":"","sources":["../../../../src/components/searchcraft-results-info/searchcraft-results-info.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, State, Prop } from '@stencil/core';\nimport classNames from 'classnames';\n\nimport { useSearchcraftStore } from '@provider/store';\n\nimport { formatNumberWithCommas, parseCustomStyles } from '@utils';\n\n/**\n * This web component is designed to display the number of results returned from a search query.\n *\n * ## Usage\n * ```html\n * <!-- index.html -->\n * <script>\n *  const resultsInfo = document.querySelector('searchcraft-results-info');\n *  resultsInfo.customFormatter = (range, count, responseTime) =>\n *    `${range[0]}-${range[1]} of ${count} results in ${responseTime}ms`;\n * </script>\n *\n * <searchcraft-results-info />\n * ```\n */\n@Component({\n  tag: 'searchcraft-results-info',\n  shadow: false,\n})\nexport class SearchcraftResultsInfo {\n  /**\n   * The custom formatter for the resulting string.\n   *\n   * @example\n   * ```ts\n   *  resultsInfo.customFormatter = (range, count, responseTime) =>\n   *    `${range[0]}-${range[1]} of ${count} results in ${responseTime}ms`;\n   * ```\n   */\n  @Prop() customFormatter?: (\n    range: [string, string],\n    count: string,\n    responseTime: string,\n  ) => void;\n  /**\n   * The custom styles object.\n   */\n  @Prop() customStyles?: string;\n\n  // store vars\n  @State() searchTerm;\n  @State() searchResultsPage;\n  @State() searchResultsPerPage;\n  @State() searchResultsCount;\n\n  // local vars\n  @State() count = 0;\n  @State() range: number[] = [0, 0];\n  @State() responseTime = '0';\n\n  unsubscribe: () => void = () => {};\n\n  connectedCallback() {\n    this.unsubscribe = useSearchcraftStore.subscribe((state) => {\n      // store vars\n      this.searchTerm = state.searchTerm;\n      this.searchResultsPage = state.searchResultsPage;\n      this.searchResultsPerPage = state.searchResultsPerPage;\n      this.searchResultsCount = state.searchResultsCount;\n\n      // local vars\n      this.count = this.searchResultsCount;\n      this.range[0] =\n        this.searchResultsPage <= 1\n          ? 1\n          : this.searchResultsPerPage * (this.searchResultsPage - 1);\n      this.range[1] = this.searchResultsPerPage * this.searchResultsPage;\n      this.range[1] =\n        this.range[1] > this.searchResultsCount\n          ? this.searchResultsCount\n          : this.range[1];\n      this.responseTime = ((state.searchResponseTimeTaken || 0) * 1000).toFixed(\n        2,\n      );\n    });\n  }\n\n  disconnectedCallback() {\n    if (this.unsubscribe) {\n      this.unsubscribe();\n    }\n  }\n\n  render() {\n    if (!this.searchTerm || this.searchResultsCount === 0) {\n      return null;\n    }\n\n    return (\n      <p\n        class={classNames(\n          'searchcraft-results-info',\n          parseCustomStyles(this.customStyles || {}),\n        )}\n      >\n        {this.customFormatter\n          ? this.customFormatter(\n              [\n                formatNumberWithCommas(this.range[0]),\n                formatNumberWithCommas(this.range[1]),\n              ],\n              formatNumberWithCommas(this.count),\n              this.responseTime,\n            )\n          : `${this.count} results found in ${this.responseTime}ms`}\n      </p>\n    );\n  }\n}\n"]}

package/dist/collection/components/searchcraft-search-results-per-page/searchcraft-search-results-per-page.js

@@ -1,129 +0,0 @@
-import { useSearchcraftStore } from "../../provider/store";
-import { h } from "@stencil/core";
-import classNames from "classnames";
-import { parseCustomStyles } from "../../utils/index";
-/**
- * This web component is designed to choose the number of search results displayed.
- *
- * ## Usage
- * ```html
- * <!-- index.html -->
- * <searchcraft-search-results-per-page increment="20" />
- * ```
- */
-export class SearchcraftSearchResultsPerPage {
-    /**
-     * The amount the options will increase (e.g. 20 = [20, 40, 60, 80, 100]).
-     * The base value is defined by the `searchResultsPerPage` option in the configuration.
-     */
-    increment = 20;
-    /**
-     * The custom styles object.
-     */
-    customStyles;
-    // store vars
-    searchTerm;
-    searchResultsPage;
-    searchResultsPerPage;
-    searchResultsCount;
-    searchResultsPagesCount;
-    // local vars
-    initialSearchResultsPerPage;
-    // store functions
-    setSearchResultsPerPage = () => { };
-    setSearchResultsPage = () => { };
-    unsubscribe = () => { };
-    componentDidLoad() {
-        this.unsubscribe = useSearchcraftStore.subscribe((state) => {
-            // store vars
-            this.searchTerm = state.searchTerm;
-            this.searchResultsPerPage = state.searchResultsPerPage;
-            this.searchResultsPage = state.searchResultsPage;
-            this.searchResultsCount = state.searchResultsCount;
-            // local vars
-            this.searchResultsPagesCount = Math.ceil(this.searchResultsCount / this.searchResultsPerPage);
-            // store functions
-            this.setSearchResultsPage = state.setSearchResultsPage;
-            this.setSearchResultsPerPage = state.setSearchResultsPerPage;
-        });
-        this.initialSearchResultsPerPage =
-            useSearchcraftStore.getState().searchResultsPerPage;
-    }
-    disconnectedCallback() {
-        this.unsubscribe?.();
-    }
-    render() {
-        // early return if there isn't a searchTerm or there is 1 or fewer pages of results
-        if (!this.searchTerm || this.searchResultsPagesCount <= 1) {
-            return;
-        }
-        return (h("div", { class: classNames('searchcraft-search-results-per-page', parseCustomStyles(this.customStyles || {})) }, h("div", { class: 'searchcraft-search-results-per-page-select' }, h("label", { class: 'searchcraft-search-results-per-page-select-label', htmlFor: 'searchcraft-search-results-per-page-select-input' }, "Results Per Page"), h("div", { class: 'searchcraft-search-results-per-page-select-input' }, h("searchcraft-select", { inputId: 'searchcraft-search-results-per-page-select-input', name: 'results-per-page', options: [...Array(5)].map((_, index) => {
-                const value = this.initialSearchResultsPerPage +
-                    Number(this.increment) * index;
-                return {
-                    label: `${value}`,
-                    value,
-                };
-            }), onSelectChange: (event) => {
-                this.setSearchResultsPerPage(Number(event.detail));
-                this.setSearchResultsPage(1);
-            } })))));
-    }
-    static get is() { return "searchcraft-search-results-per-page"; }
-    static get properties() {
-        return {
-            "increment": {
-                "type": "any",
-                "mutable": false,
-                "complexType": {
-                    "original": "string | number",
-                    "resolved": "number | string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "The amount the options will increase (e.g. 20 = [20, 40, 60, 80, 100]).\nThe base value is defined by the `searchResultsPerPage` option in the configuration."
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "increment",
-                "reflect": false,
-                "defaultValue": "20"
-            },
-            "customStyles": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "The custom styles object."
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "custom-styles",
-                "reflect": false
-            }
-        };
-    }
-    static get states() {
-        return {
-            "searchTerm": {},
-            "searchResultsPage": {},
-            "searchResultsPerPage": {},
-            "searchResultsCount": {},
-            "searchResultsPagesCount": {},
-            "initialSearchResultsPerPage": {},
-            "setSearchResultsPerPage": {},
-            "setSearchResultsPage": {}
-        };
-    }
-}
-//# sourceMappingURL=searchcraft-search-results-per-page.js.map