@searchcraft/javascript-sdk 0.8.2 → 0.9.0

package/dist/cjs/searchcraft-base-search-result_2.cjs.entry.js

@@ -1,152 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-a81df4f0.js');
-const SearchcraftStore = require('./SearchcraftStore-75fac5e0.js');
-const units = require('./units-fe4d8083.js');
-
-const SearchcraftBaseSearchResult = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-    }
-    item;
-    searchResultMappings;
-    /**
-     * Where to open the link for the containing element.
-     */
-    containerTarget = '_blank';
-    /**
-     * The relationship between the current document and the link for the containing element.
-     */
-    containerRel;
-    /**
-     * Where to open the link for the button rendered when containerHref is not present.
-     */
-    buttonTarget = '_blank';
-    /**
-     * The relationship between the current document and the link for the button rendered when containerHref is not present.
-     */
-    buttonRel;
-    /**
-     * The placement of the image.
-     */
-    imagePlacement = 'right';
-    /**
-     * A custom styles object.
-     */
-    customStyles;
-    /**
-     * The position in the document. Used with the "document_clicked" measure event.
-     */
-    documentPosition = 0;
-    titleContent;
-    subtitleContent;
-    bodyContent;
-    footerContent;
-    buttonLabel;
-    buttonHref;
-    containerHref;
-    imageSrc;
-    imageAlt;
-    searchcraftStore = SearchcraftStore.useSearchcraftStore.getState();
-    connectedCallback() {
-        if (this.item) {
-            this.mapValuesFromDocument(this.item.document);
-        }
-    }
-    mapValuesFromDocument(document) {
-        this.titleContent = units.getDocumentValueFromSearchResultMapping(document, this.searchResultMappings?.title);
-        this.subtitleContent = units.getDocumentValueFromSearchResultMapping(document, this.searchResultMappings?.subtitle);
-        this.bodyContent = units.getDocumentValueFromSearchResultMapping(document, this.searchResultMappings?.body);
-        this.containerHref = units.getDocumentValueFromSearchResultMapping(document, this.searchResultMappings?.containerHref);
-        this.buttonHref = units.getDocumentValueFromSearchResultMapping(document, this.searchResultMappings?.buttonHref);
-        this.imageSrc = units.getDocumentValueFromSearchResultMapping(document, this.searchResultMappings?.imageSource);
-        this.footerContent = units.getDocumentValueFromSearchResultMapping(document, this.searchResultMappings?.footer);
-    }
-    handleLinkClick = () => {
-        const searchcraft = this.searchcraftStore.getSearchcraftInstance();
-        if (searchcraft) {
-            const document_position = this.documentPosition;
-            const search_term = this.searchcraftStore.searchTerm;
-            const number_of_documents = this.searchcraftStore.searchClientResponseItems.length;
-            searchcraft.measureClient?.sendMeasureEvent('document_clicked', {
-                document_position,
-                number_of_documents,
-                search_term,
-            });
-        }
-    };
-    parseStyles = () => {
-        if (this.customStyles) {
-            try {
-                return JSON.parse(this.customStyles);
-            }
-            catch (error) {
-                console.error('Error parsing custom styles:', error);
-                return {};
-            }
-        }
-        return {};
-    };
-    render() {
-        const styles = this.parseStyles();
-        const imageContainer = this.imageSrc && (index.h("img", { alt: this.imageAlt, class: 'searchcraft-search-result-image', src: this.imageSrc, style: styles.image || {} }));
-        const contentContainer = (index.h(index.Fragment, null, this.imageSrc && this.imagePlacement === 'left' && imageContainer, index.h("div", { class: 'searchcraft-base-search-result-content-container' }, this.titleContent && (index.h("h2", { class: 'searchcraft-base-search-result-title', style: styles.title || {} }, this.titleContent)), this.subtitleContent && (index.h("h3", { class: 'searchcraft-base-search-result-subtitle', style: styles.subtitle || {} }, this.subtitleContent)), this.bodyContent && (index.h("p", { class: 'searchcraft-base-search-result-body-content', style: styles.primaryContent || {} }, this.bodyContent)), this.footerContent && (index.h("p", { class: 'searchcraft-base-search-result-footer-content', style: styles.secondaryContent || {} }, this.footerContent)), this.buttonHref && !this.containerHref && this.buttonLabel && (index.h("a", { class: 'searchcraft-search-result-button', href: this.buttonHref, style: styles.button || {}, target: this.buttonTarget, rel: this.buttonRel }, this.buttonLabel))), this.imageSrc && this.imagePlacement === 'right' && imageContainer));
-        /** Render as an anchor tag if the containerHref prop is present. */
-        if (this.containerHref) {
-            return (index.h("a", { class: 'searchcraft-search-result-container', onClick: this.handleLinkClick, href: this.containerHref, rel: this.containerRel, style: styles.container || {}, tabindex: '0', target: this.containerTarget }, contentContainer));
-        }
-        /** Render as a div if no href prop. */
-        return (index.h("div", { class: 'searchcraft-search-result-container', style: styles.container || {} }, contentContainer));
-    }
-};
-
-const SearchcraftBaseSearchResultAd = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-    }
-    adClientResponseItem;
-    connectedCallback() {
-        if (this.adClientResponseItem?.admAd?.impression_url) {
-            fetch(this.adClientResponseItem?.admAd?.impression_url);
-        }
-    }
-    renderADMProductAd() {
-        const ad = this.adClientResponseItem?.admAd;
-        if (!ad) {
-            return;
-        }
-        return (index.h("a", { class: 'searchcraft-base-ad', href: ad.click_url }, ad.image_url && (index.h("div", { class: 'searchcraft-base-ad-image-wrapper' }, index.h("img", { alt: ad.term, src: ad.image_url, class: 'searchcraft-base-ad-image' }))), index.h("div", { class: 'searchcraft-base-ad-info-wrapper' }, index.h("p", { class: 'searchcraft-base-ad-title' }, ad.term), index.h("p", { class: 'searchcraft-base-ad-subtitle' }, ad.price))));
-    }
-    renderADMTextAd() {
-        const ad = this.adClientResponseItem?.admAd;
-        if (!ad) {
-            return;
-        }
-        return (index.h("a", { class: 'searchcraft-base-ad', href: ad.click_url }, ad.image_url && (index.h("div", { class: 'searchcraft-base-ad-image-wrapper' }, index.h("img", { alt: ad.term, src: ad.image_url, class: 'searchcraft-base-ad-image' }))), index.h("div", { class: 'searchcraft-base-ad-info-wrapper' }, index.h("p", { class: 'searchcraft-base-ad-title' }, ad.term))));
-    }
-    renderNativoAd() { }
-    renderAdPlaceholder() {
-        return index.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();
-        }
-    }
-};
-
-exports.searchcraft_base_search_result = SearchcraftBaseSearchResult;
-exports.searchcraft_base_search_result_ad = SearchcraftBaseSearchResultAd;
-
-//# sourceMappingURL=searchcraft-base-search-result_2.cjs.entry.js.map

package/dist/cjs/searchcraft-base-search-result_2.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"searchcraft-base-search-result.searchcraft-base-search-result-ad.entry.cjs.js","mappings":"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","names":["useSearchcraftStore","getDocumentValueFromSearchResultMapping","h","Fragment"],"sources":["src/components/searchcraft-base-search-result/searchcraft-base-search-result.tsx","src/components/searchcraft-base-search-result-ad/searchcraft-base-search-result-ad.tsx"],"sourcesContent":["import { useSearchcraftStore } from '@provider/store';\nimport type {\n  SearchClientResponseItem,\n  SearchDocument,\n} from '@searchcraft/core';\nimport { Component, Fragment, h, Prop, State } from '@stencil/core';\nimport { getDocumentValueFromSearchResultMapping } from '@utils';\nimport type { SearchResultMappings } from '@searchcraft/core';\n\n/**\n * This web component is designed to display detailed information for a single search result.\n * Once a query is submitted, the component formats and presents the result.\n * It is consumed within the `searchcraft-base-search-results` component.\n */\n@Component({\n  tag: 'searchcraft-base-search-result',\n  shadow: false,\n})\nexport class SearchcraftBaseSearchResult {\n  @Prop() item: SearchClientResponseItem | undefined;\n  @Prop() searchResultMappings: SearchResultMappings | undefined;\n  /**\n   * Where to open the link for the containing element.\n   */\n  @Prop() containerTarget: '_blank' | '_self' | '_top' | '_parent' = '_blank';\n  /**\n   * The relationship between the current document and the link for the containing element.\n   */\n  @Prop() containerRel: 'noreferrer' | 'noopener' | 'nofollow' | undefined;\n  /**\n   * Where to open the link for the button rendered when containerHref is not present.\n   */\n  @Prop() buttonTarget: '_blank' | '_self' | '_top' | '_parent' = '_blank';\n  /**\n   * The relationship between the current document and the link for the button rendered when containerHref is not present.\n   */\n  @Prop() buttonRel: 'noreferrer' | 'noopener' | 'nofollow' | undefined;\n  /**\n   * The placement of the image.\n   */\n  @Prop() imagePlacement: 'left' | 'right' = 'right';\n  /**\n   * A custom styles object.\n   */\n  @Prop() customStyles: string | undefined;\n  /**\n   * The position in the document. Used with the \"document_clicked\" measure event.\n   */\n  @Prop() documentPosition = 0;\n\n  @State() titleContent: string | undefined;\n  @State() subtitleContent: string | undefined;\n  @State() bodyContent: string | undefined;\n  @State() footerContent: string | undefined;\n  @State() buttonLabel: string | undefined;\n  @State() buttonHref: string | undefined;\n  @State() containerHref: string | undefined;\n  @State() imageSrc: string | undefined;\n  @State() imageAlt: string | undefined;\n\n  private searchcraftStore = useSearchcraftStore.getState();\n\n  connectedCallback() {\n    if (this.item) {\n      this.mapValuesFromDocument(this.item.document);\n    }\n  }\n\n  mapValuesFromDocument(document: SearchDocument) {\n    this.titleContent = getDocumentValueFromSearchResultMapping(\n      document,\n      this.searchResultMappings?.title,\n    );\n    this.subtitleContent = getDocumentValueFromSearchResultMapping(\n      document,\n      this.searchResultMappings?.subtitle,\n    );\n    this.bodyContent = getDocumentValueFromSearchResultMapping(\n      document,\n      this.searchResultMappings?.body,\n    );\n    this.containerHref = getDocumentValueFromSearchResultMapping(\n      document,\n      this.searchResultMappings?.containerHref,\n    );\n    this.buttonHref = getDocumentValueFromSearchResultMapping(\n      document,\n      this.searchResultMappings?.buttonHref,\n    );\n    this.imageSrc = getDocumentValueFromSearchResultMapping(\n      document,\n      this.searchResultMappings?.imageSource,\n    );\n    this.footerContent = getDocumentValueFromSearchResultMapping(\n      document,\n      this.searchResultMappings?.footer,\n    );\n  }\n\n  private handleLinkClick = () => {\n    const searchcraft = this.searchcraftStore.getSearchcraftInstance();\n\n    if (searchcraft) {\n      const document_position = this.documentPosition;\n      const search_term = this.searchcraftStore.searchTerm;\n      const number_of_documents =\n        this.searchcraftStore.searchClientResponseItems.length;\n\n      searchcraft.measureClient?.sendMeasureEvent('document_clicked', {\n        document_position,\n        number_of_documents,\n        search_term,\n      });\n    }\n  };\n\n  private parseStyles = (): Record<string, { [key: string]: string }> => {\n    if (this.customStyles) {\n      try {\n        return JSON.parse(this.customStyles);\n      } catch (error) {\n        console.error('Error parsing custom styles:', error);\n        return {};\n      }\n    }\n    return {};\n  };\n\n  render() {\n    const styles = this.parseStyles();\n    const imageContainer = this.imageSrc && (\n      <img\n        alt={this.imageAlt}\n        class='searchcraft-search-result-image'\n        src={this.imageSrc}\n        style={styles.image || {}}\n      />\n    );\n\n    const contentContainer = (\n      <Fragment>\n        {this.imageSrc && this.imagePlacement === 'left' && imageContainer}\n        <div class='searchcraft-base-search-result-content-container'>\n          {this.titleContent && (\n            <h2\n              class='searchcraft-base-search-result-title'\n              style={styles.title || {}}\n            >\n              {this.titleContent}\n            </h2>\n          )}\n          {this.subtitleContent && (\n            <h3\n              class='searchcraft-base-search-result-subtitle'\n              style={styles.subtitle || {}}\n            >\n              {this.subtitleContent}\n            </h3>\n          )}\n          {this.bodyContent && (\n            <p\n              class='searchcraft-base-search-result-body-content'\n              style={styles.primaryContent || {}}\n            >\n              {this.bodyContent}\n            </p>\n          )}\n\n          {this.footerContent && (\n            <p\n              class='searchcraft-base-search-result-footer-content'\n              style={styles.secondaryContent || {}}\n            >\n              {this.footerContent}\n            </p>\n          )}\n          {this.buttonHref && !this.containerHref && this.buttonLabel && (\n            <a\n              class='searchcraft-search-result-button'\n              href={this.buttonHref}\n              style={styles.button || {}}\n              target={this.buttonTarget}\n              rel={this.buttonRel}\n            >\n              {this.buttonLabel}\n            </a>\n          )}\n        </div>\n        {this.imageSrc && this.imagePlacement === 'right' && imageContainer}\n      </Fragment>\n    );\n\n    /** Render as an anchor tag if the containerHref prop is present. */\n    if (this.containerHref) {\n      return (\n        <a\n          class='searchcraft-search-result-container'\n          onClick={this.handleLinkClick}\n          href={this.containerHref}\n          rel={this.containerRel}\n          style={styles.container || {}}\n          tabindex='0'\n          target={this.containerTarget}\n        >\n          {contentContainer}\n        </a>\n      );\n    }\n\n    /** Render as a div if no href prop. */\n    return (\n      <div\n        class='searchcraft-search-result-container'\n        style={styles.container || {}}\n      >\n        {contentContainer}\n      </div>\n    );\n  }\n}\n","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-base-search-result-ad',\n  shadow: false,\n})\nexport class SearchcraftBaseSearchResultAd {\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-base-ad' href={ad.click_url}>\n        {ad.image_url && (\n          <div class='searchcraft-base-ad-image-wrapper'>\n            <img\n              alt={ad.term}\n              src={ad.image_url}\n              class='searchcraft-base-ad-image'\n            />\n          </div>\n        )}\n        <div class='searchcraft-base-ad-info-wrapper'>\n          <p class='searchcraft-base-ad-title'>{ad.term}</p>\n          <p class='searchcraft-base-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-base-ad' href={ad.click_url}>\n        {ad.image_url && (\n          <div class='searchcraft-base-ad-image-wrapper'>\n            <img\n              alt={ad.term}\n              src={ad.image_url}\n              class='searchcraft-base-ad-image'\n            />\n          </div>\n        )}\n        <div class='searchcraft-base-ad-info-wrapper'>\n          <p class='searchcraft-base-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"],"version":3}

package/dist/cjs/searchcraft-base-search-results.cjs.entry.js

@@ -1,97 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-a81df4f0.js');
-const SearchcraftStore = require('./SearchcraftStore-75fac5e0.js');
-const styles = require('./styles-7b2d06f2.js');
-
-const SearchcraftBaseSearchResults = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.noResults = index.createEvent(this, "noResults", 7);
-    }
-    /**
-     * A custom styles object.
-     */
-    customStylesForResults;
-    /**
-     * Formats the content rendered for each result.
-     */
-    searchResultMappings;
-    /**
-     * The placement of the image for each result.
-     */
-    resultImagePlacement = 'right';
-    /**
-     * The label for the button rendered when containerHref is not present for each result.
-     */
-    buttonLabel;
-    /**
-     * Where to open the link for the button rendered when containerHref is not present for each result.
-     */
-    buttonTarget = '_blank';
-    /**
-     * The relationship between the current document and the link for the button rendered when containerHref is not present for each result.
-     */
-    buttonRel;
-    /**
-     * Where to open the link for the containing element for each result.
-     */
-    containerTarget = '_blank';
-    /**
-     * The relationship between the current document and the link for the containing element for each result.
-     */
-    containerRel;
-    /**
-     * When no results are returned.
-     */
-    noResults;
-    searchTerm = '';
-    searchClientResponseItems = [];
-    adClientResponseItems = [];
-    searchResultsPerPage;
-    searchResultsPage;
-    unsubscribe = () => { };
-    componentDidLoad() {
-        this.unsubscribe = SearchcraftStore.useSearchcraftStore.subscribe((state) => this.handleStateChange(state));
-        const currentState = SearchcraftStore.useSearchcraftStore.getState();
-        this.searchClientResponseItems = currentState.searchClientResponseItems;
-        this.searchTerm = currentState.searchTerm;
-    }
-    disconnectedCallback() {
-        this.unsubscribe?.();
-    }
-    handleStateChange(state) {
-        this.searchClientResponseItems = [...state.searchClientResponseItems];
-        this.adClientResponseItems = [...state.adClientResponseItems];
-        this.searchTerm = state.searchTerm;
-        this.searchResultsPage = state.searchResultsPage;
-        this.searchResultsPerPage = state.searchResultsPerPage;
-    }
-    render() {
-        if (this.searchTerm.trim() === '') {
-            return (index.h("div", { class: 'searchcraft-search-results-empty-state-container' }, index.h("slot", { name: 'empty-search' })));
-        }
-        if (this.searchClientResponseItems.length === 0) {
-            return;
-        }
-        if (this.searchTerm.length > 0 &&
-            this.searchClientResponseItems.length === 0) {
-            this.noResults?.emit();
-        }
-        let serializedStyles = '';
-        if (this.customStylesForResults) {
-            serializedStyles =
-                typeof this.customStylesForResults === 'string'
-                    ? this.customStylesForResults
-                    : styles.serializeStyles(this.customStylesForResults);
-        }
-        return (index.h("div", { class: 'searchcraft-search-results-container' }, this.adClientResponseItems?.map((item) => (index.h("searchcraft-base-search-result-ad", { adClientResponseItem: item, key: item.adId }))), this.searchClientResponseItems?.map((item, index$1) => (index.h("searchcraft-base-search-result", { key: item.id, "custom-styles": serializedStyles, "image-placement": this.resultImagePlacement, "container-rel": this.containerRel, "container-target": this.containerTarget, "button-label": this.buttonLabel || 'View more', "button-rel": this.buttonRel, "button-target": this.buttonTarget, "document-position": this.searchResultsPerPage * this.searchResultsPage + index$1, searchResultMappings: this.searchResultMappings, item: item }))), this.searchTerm.length > 0 &&
-            this.searchClientResponseItems.length === 0 && (index.h("div", { class: 'searchcraft-search-results-error-message-container' }, index.h("searchcraft-error-message", { "error-message": `No search results found for "${this.searchTerm}" query` })))));
-    }
-};
-
-exports.searchcraft_base_search_results = SearchcraftBaseSearchResults;
-
-//# sourceMappingURL=searchcraft-base-search-results.cjs.entry.js.map

package/dist/cjs/searchcraft-base-search-results.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"searchcraft-base-search-results.entry.cjs.js","mappings":"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","names":["useSearchcraftStore","h","serializeStyles","index"],"sources":["src/components/searchcraft-base-search-results/searchcraft-base-search-results.tsx"],"sourcesContent":["import {\n  Component,\n  h,\n  Event,\n  Prop,\n  State,\n  type EventEmitter,\n} from '@stencil/core';\n\nimport type {\n  AdClientResponseItem,\n  SearchClientResponseItem,\n} from '@searchcraft/core';\n\nimport { type SearchcraftState, useSearchcraftStore } from '@provider/store';\n\nimport { serializeStyles } from '@utils';\nimport type { SearchResultMappings } from '@searchcraft/core';\n\n/**\n * This web component is responsible for displaying the results of a search query.\n * Once a query is submitted, the component formats and presents an ordered list of the results.\n *\n * ## Usage\n * ```html\n * <!-- index.html -->\n * <searchcraft-base-search-results\n *   ad-interval=\"4\"\n *   place-ad-at-start=\"false\"\n *   result-image-placement=\"right\"\n * />\n * ```\n *\n * ```js\n * // index.js\n * const baseSearchResults = document.querySelector('searchcraft-base-search-results');\n *\n * baseSearchResults.searchResultMappings = containerHref: {\n *   fieldNames: [\n *    {\n *      fieldName: 'canonical_link',\n *      dataType: 'text',\n *    },\n *  ],\n * };\n *\n * baseSearchResults.addEventListener('noResults', () => {\n *   console.log('No search results found');\n * });\n * ```\n */\n@Component({\n  tag: 'searchcraft-base-search-results',\n  shadow: false,\n})\nexport class SearchcraftBaseSearchResults {\n  /**\n   * A custom styles object.\n   */\n  @Prop() customStylesForResults:\n    | string\n    | Record<string, Record<string, string>>\n    | undefined;\n  /**\n   * Formats the content rendered for each result.\n   */\n  @Prop() searchResultMappings: SearchResultMappings | undefined;\n  /**\n   * The placement of the image for each result.\n   */\n  @Prop() resultImagePlacement: 'left' | 'right' = 'right';\n  /**\n   * The label for the button rendered when containerHref is not present for each result.\n   */\n  @Prop() buttonLabel: string | undefined;\n  /**\n   * Where to open the link for the button rendered when containerHref is not present for each result.\n   */\n  @Prop() buttonTarget: '_blank' | '_self' | '_top' | '_parent' = '_blank';\n  /**\n   * The relationship between the current document and the link for the button rendered when containerHref is not present for each result.\n   */\n  @Prop() buttonRel: 'noreferrer' | 'noopener' | 'nofollow' | undefined;\n  /**\n   * Where to open the link for the containing element for each result.\n   */\n  @Prop() containerTarget: '_blank' | '_self' | '_top' | '_parent' = '_blank';\n  /**\n   * The relationship between the current document and the link for the containing element for each result.\n   */\n  @Prop() containerRel: 'noreferrer' | 'noopener' | 'nofollow' | undefined;\n\n  /**\n   * When no results are returned.\n   */\n  @Event() noResults?: EventEmitter<void>;\n\n  @State() searchTerm = '';\n  @State() searchClientResponseItems: SearchClientResponseItem[] = [];\n  @State() adClientResponseItems: AdClientResponseItem[] = [];\n  @State() searchResultsPerPage;\n  @State() searchResultsPage;\n\n  private unsubscribe: () => void = () => {};\n\n  componentDidLoad() {\n    this.unsubscribe = useSearchcraftStore.subscribe((state) =>\n      this.handleStateChange(state),\n    );\n    const currentState = useSearchcraftStore.getState();\n    this.searchClientResponseItems = currentState.searchClientResponseItems;\n    this.searchTerm = currentState.searchTerm;\n  }\n\n  disconnectedCallback() {\n    this.unsubscribe?.();\n  }\n\n  handleStateChange(state: SearchcraftState) {\n    this.searchClientResponseItems = [...state.searchClientResponseItems];\n    this.adClientResponseItems = [...state.adClientResponseItems];\n    this.searchTerm = state.searchTerm;\n    this.searchResultsPage = state.searchResultsPage;\n    this.searchResultsPerPage = state.searchResultsPerPage;\n  }\n\n  render() {\n    if (this.searchTerm.trim() === '') {\n      return (\n        <div class='searchcraft-search-results-empty-state-container'>\n          <slot name='empty-search' />\n        </div>\n      );\n    }\n\n    if (this.searchClientResponseItems.length === 0) {\n      return;\n    }\n\n    if (\n      this.searchTerm.length > 0 &&\n      this.searchClientResponseItems.length === 0\n    ) {\n      this.noResults?.emit();\n    }\n\n    let serializedStyles = '';\n    if (this.customStylesForResults) {\n      serializedStyles =\n        typeof this.customStylesForResults === 'string'\n          ? this.customStylesForResults\n          : serializeStyles(this.customStylesForResults);\n    }\n\n    return (\n      <div class='searchcraft-search-results-container'>\n        {this.adClientResponseItems?.map((item) => (\n          <searchcraft-base-search-result-ad\n            adClientResponseItem={item}\n            key={item.adId}\n          />\n        ))}\n        {this.searchClientResponseItems?.map((item, index) => (\n          <searchcraft-base-search-result\n            key={item.id}\n            custom-styles={serializedStyles}\n            image-placement={this.resultImagePlacement}\n            container-rel={this.containerRel}\n            container-target={this.containerTarget}\n            button-label={this.buttonLabel || 'View more'}\n            button-rel={this.buttonRel}\n            button-target={this.buttonTarget}\n            document-position={\n              this.searchResultsPerPage * this.searchResultsPage + index\n            }\n            searchResultMappings={this.searchResultMappings}\n            item={item}\n          />\n        ))}\n        {this.searchTerm.length > 0 &&\n          this.searchClientResponseItems.length === 0 && (\n            <div class='searchcraft-search-results-error-message-container'>\n              <searchcraft-error-message\n                error-message={`No search results found for \"${this.searchTerm}\" query`}\n              />\n            </div>\n          )}\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/searchcraft-button_3.cjs.entry.js

@@ -1,88 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-a81df4f0.js');
-const index$1 = require('./index-5b0b9d4c.js');
-
-const SearchcraftButton = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.buttonClick = index.createEvent(this, "buttonClick", 7);
-    }
-    /**
-     * Controls the visual representation of the button.
-     */
-    hierarchy = 'primary';
-    /**
-     * Whether the button is disabled.
-     */
-    disabled = false;
-    /**
-     * The icon element.
-     */
-    icon;
-    /**
-     * Should the button only display an icon.
-     */
-    iconOnly = false;
-    /**
-     * The position of the icon.
-     */
-    iconPosition = 'left';
-    /**
-     * The label for the button.
-     */
-    label = 'Search';
-    /**
-     * The type of the button.
-     */
-    type = 'button';
-    /**
-     * The event fired when the button is clicked.
-     */
-    buttonClick;
-    handleButtonClick = () => {
-        this.buttonClick.emit();
-    };
-    render() {
-        return (index.h("button", { key: 'ff883b930d03da6cbfb40badd3be1de0a873f853', "aria-label": this.label, class: index$1.classNames('searchcraft-button', {
-                'searchcraft-button-primary': this.hierarchy === 'primary',
-                'searchcraft-button-tertiary': this.hierarchy === 'tertiary',
-                'searchcraft-button-disabled': this.disabled,
-            }), disabled: this.disabled, onClick: this.handleButtonClick, type: this.type }, this.iconOnly ? (this.icon) : (index.h(index.Fragment, null, this.iconPosition === 'left' && this.icon, index.h("span", null, this.label), this.iconPosition === 'right' && this.icon))));
-    }
-};
-
-const SearchcraftErrorMessage = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-    }
-    /**
-     * The error message.
-     */
-    errorMessage;
-    render() {
-        return (index.h("p", { key: 'dc97bb66da10a98fca027f928deaaf80d945417b', class: 'searchcraft-error-message' }, this.errorMessage || 'Search term is required.'));
-    }
-};
-
-const SearchcraftInputLabel = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-    }
-    /**
-     * The classname applied to the label element.
-     */
-    inputLabelClassName = '';
-    label = '';
-    render() {
-        return (index.h("label", { key: '528396d4be9f22ff0c02d95d8bcea056576aed41', class: index$1.classNames('searchcraft-input-label', this.inputLabelClassName), htmlFor: 'searchcraft-input-id' }, this.label));
-    }
-};
-
-exports.searchcraft_button = SearchcraftButton;
-exports.searchcraft_error_message = SearchcraftErrorMessage;
-exports.searchcraft_input_label = SearchcraftInputLabel;
-
-//# sourceMappingURL=searchcraft-button_3.cjs.entry.js.map

package/dist/cjs/searchcraft-button_3.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"searchcraft-button.searchcraft-error-message.searchcraft-input-label.entry.cjs.js","mappings":";;;;;;;MAmBa,iBAAiB;;;;;;;;IAIpB,SAAS,GAA4B,SAAS,CAAC;;;;IAI/C,QAAQ,GAAa,KAAK,CAAC;;;;IAI3B,IAAI,CAAW;;;;IAIf,QAAQ,GAAa,KAAK,CAAC;;;;IAI3B,YAAY,GAAsB,MAAM,CAAC;;;;IAIzC,KAAK,GAAG,QAAQ,CAAC;;;;IAIjB,IAAI,GAAmC,QAAQ,CAAC;;;;IAI/C,WAAW,CAAsB;IAElC,iBAAiB,GAAG;QAC1B,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;KACzB,CAAC;IAEF,MAAM;QACJ,QACEA,mFACc,IAAI,CAAC,KAAK,EACtB,KAAK,EAAEC,kBAAU,CAAC,oBAAoB,EAAE;gBACtC,4BAA4B,EAAE,IAAI,CAAC,SAAS,KAAK,SAAS;gBAC1D,6BAA6B,EAAE,IAAI,CAAC,SAAS,KAAK,UAAU;gBAC5D,6BAA6B,EAAE,IAAI,CAAC,QAAQ;aAC7C,CAAC,EACF,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,IAAI,CAAC,iBAAiB,EAC/B,IAAI,EAAE,IAAI,CAAC,IAAI,IAEd,IAAI,CAAC,QAAQ,IACZ,IAAI,CAAC,IAAI,KAETD,QAACE,cAAQ,QACN,IAAI,CAAC,YAAY,KAAK,MAAM,IAAI,IAAI,CAAC,IAAI,EAC1CF,sBAAO,IAAI,CAAC,KAAK,CAAQ,EACxB,IAAI,CAAC,YAAY,KAAK,OAAO,IAAI,IAAI,CAAC,IAAI,CAClC,CACZ,CACM,EACT;KACH;;;MClEU,uBAAuB;;;;;;;IAI1B,YAAY,CAAU;IAE9B,MAAM;QACJ,QACEA,gEAAG,KAAK,EAAC,2BAA2B,IACjC,IAAI,CAAC,YAAY,IAAI,0BAA0B,CAC9C,EACJ;KACH;;;MCXU,qBAAqB;;;;;;;IAIxB,mBAAmB,GAAI,EAAE,CAAC;IAC1B,KAAK,GAAG,EAAE,CAAC;IAEnB,MAAM;QACJ,QACEA,oEACE,KAAK,EAAEC,kBAAU,CAAC,yBAAyB,EAAE,IAAI,CAAC,mBAAmB,CAAC,EACtE,OAAO,EAAC,sBAAsB,IAE7B,IAAI,CAAC,KAAK,CACL,EACR;KACH;;;;;;;","names":["h","classNames","Fragment"],"sources":["src/components/searchcraft-button/searchcraft-button.tsx","src/components/searchcraft-error-message/searchcraft-error-message.tsx","src/components/searchcraft-input-label/searchcraft-input-label.tsx"],"sourcesContent":["import {\n  Component,\n  Event,\n  type EventEmitter,\n  Prop,\n  h,\n  Fragment,\n} from '@stencil/core';\nimport classNames from 'classnames';\n\n/**\n * This web component represents a button to be consumed within the `search-input-form` component.\n * It provides a clear, interactive way for users to submit search queries or trigger actions in a search interface.\n * It is consumed within the `searchcraft-input-form` component.\n */\n@Component({\n  tag: 'searchcraft-button',\n  shadow: false,\n})\nexport class SearchcraftButton {\n  /**\n   * Controls the visual representation of the button.\n   */\n  @Prop() hierarchy?: 'primary' | 'tertiary' = 'primary';\n  /**\n   * Whether the button is disabled.\n   */\n  @Prop() disabled?: boolean = false;\n  /**\n   * The icon element.\n   */\n  @Prop() icon?: Element;\n  /**\n   * Should the button only display an icon.\n   */\n  @Prop() iconOnly?: boolean = false;\n  /**\n   * The position of the icon.\n   */\n  @Prop() iconPosition?: 'left' | 'right' = 'left';\n  /**\n   * The label for the button.\n   */\n  @Prop() label = 'Search';\n  /**\n   * The type of the button.\n   */\n  @Prop() type?: 'submit' | 'reset' | 'button' = 'button';\n  /**\n   * The event fired when the button is clicked.\n   */\n  @Event() buttonClick!: EventEmitter<void>;\n\n  private handleButtonClick = () => {\n    this.buttonClick.emit();\n  };\n\n  render() {\n    return (\n      <button\n        aria-label={this.label}\n        class={classNames('searchcraft-button', {\n          'searchcraft-button-primary': this.hierarchy === 'primary',\n          'searchcraft-button-tertiary': this.hierarchy === 'tertiary',\n          'searchcraft-button-disabled': this.disabled,\n        })}\n        disabled={this.disabled}\n        onClick={this.handleButtonClick}\n        type={this.type}\n      >\n        {this.iconOnly ? (\n          this.icon\n        ) : (\n          <Fragment>\n            {this.iconPosition === 'left' && this.icon}\n            <span>{this.label}</span>\n            {this.iconPosition === 'right' && this.icon}\n          </Fragment>\n        )}\n      </button>\n    );\n  }\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n/**\n * This web component is designed to display a user-friendly error message when a search query fails, providing clear feedback to users and enhancing their experience when an issue arises during the search process.\n *\n * ## Usage\n * ```html\n * <!-- index.html -->\n * <searchcraft-error-message error-message=\"No search results found for query\" />\n * ```\n */\n@Component({\n  tag: 'searchcraft-error-message',\n  shadow: false,\n})\nexport class SearchcraftErrorMessage {\n  /**\n   * The error message.\n   */\n  @Prop() errorMessage?: string;\n\n  render() {\n    return (\n      <p class='searchcraft-error-message'>\n        {this.errorMessage || 'Search term is required.'}\n      </p>\n    );\n  }\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport classNames from 'classnames';\n\n/**\n * This web component serves as the input label for the searchcraft-input-form component.\n *\n * ## Usage\n * ```html\n * <!-- index.html -->\n * <searchcraft-input-label label=\"Search\" />\n * ```\n */\n@Component({\n  tag: 'searchcraft-input-label',\n  shadow: false,\n})\nexport class SearchcraftInputLabel {\n  /**\n   * The classname applied to the label element.\n   */\n  @Prop() inputLabelClassName? = '';\n  @Prop() label = '';\n\n  render() {\n    return (\n      <label\n        class={classNames('searchcraft-input-label', this.inputLabelClassName)}\n        htmlFor='searchcraft-input-id'\n      >\n        {this.label}\n      </label>\n    );\n  }\n}\n"],"version":3}