@searchcraft/javascript-sdk 0.9.3 → 0.9.5

package/dist/components/{p-cd9ba361.js → p-fee8c484.js}

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h, F as Fragment } from './p-5365011f.js';
-import { s as searchcraftStore } from './p-6d8b0ead.js';
+import { s as searchcraftStore } from './p-39be2b10.js';
 import { a as getDocumentValueFromSearchResultMapping } from './p-6104fe5d.js';
 
 const SearchcraftBaseSearchResult = /*@__PURE__*/ proxyCustomElement(class SearchcraftBaseSearchResult extends H {
@@ -133,4 +133,4 @@ function defineCustomElement() {
 
 export { SearchcraftBaseSearchResult as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-cd9ba361.js.map
+//# sourceMappingURL=p-fee8c484.js.map

package/dist/components/{p-cd9ba361.js.map → p-fee8c484.js.map}

@@ -1 +1 @@
-{"file":"p-cd9ba361.js","mappings":"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","names":[],"sources":["src/components/searchcraft-base-search-result/searchcraft-base-search-result.tsx"],"sourcesContent":["import { searchcraftStore } from '@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;\n  @Prop() searchResultMappings?: SearchResultMappings;\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';\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';\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;\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 = searchcraftStore.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"],"version":3}
+{"file":"p-fee8c484.js","mappings":"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","names":[],"sources":["src/components/searchcraft-base-search-result/searchcraft-base-search-result.tsx"],"sourcesContent":["import { searchcraftStore } from '@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;\n  @Prop() searchResultMappings?: SearchResultMappings;\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';\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';\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;\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 = searchcraftStore.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"],"version":3}

package/dist/components/{p-11b05b94.js → p-ffb05b5b.js}

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-5365011f.js';
-import { s as searchcraftStore } from './p-6d8b0ead.js';
+import { s as searchcraftStore } from './p-39be2b10.js';
 import { c as classNames } from './p-5cdc6210.js';
 
 const SearchcraftToggleButton = /*@__PURE__*/ proxyCustomElement(class SearchcraftToggleButton extends H {
@@ -70,4 +70,4 @@ function defineCustomElement() {
 
 export { SearchcraftToggleButton as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-11b05b94.js.map
+//# sourceMappingURL=p-ffb05b5b.js.map

package/dist/components/{p-11b05b94.js.map → p-ffb05b5b.js.map}

@@ -1 +1 @@
-{"file":"p-11b05b94.js","mappings":";;;;MAmBa,uBAAuB;;;;;;;;;IAI1B,KAAK,GAAG,QAAQ,CAAC;;;;IAIjB,QAAQ,CAAqB;;;;IAK5B,aAAa,CAAyB;IAEtC,QAAQ,GAAG,KAAK,CAAC;IACjB,WAAW,CAA2B;IACtC,cAAc,CAAqB;IAEpC,YAAY,GAAG;QACrB,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;QAC/B,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;KACzC,CAAC;IAEF,iBAAiB;;QAEf,IAAI,CAAC,WAAW,GAAG,gBAAgB,CAAC,SAAS,CAAC,CAAC,KAAK;YAClD,IACE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC,cAAc;gBACxC,KAAK,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC,MAAM,KAAK,CAAC,EACpC;gBACA,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;aACvB;YACD,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC,UAAU,CAAC;SACxC,CAAC,CAAC;KACJ;IAED,oBAAoB;QAClB,IAAI,CAAC,WAAW,IAAI,CAAC;KACtB;IAED,MAAM;QACJ,QACE,4DAAK,KAAK,EAAC,qCAAqC,IAC9C,8DACE,0DAAG,KAAK,EAAC,iCAAiC,IAAE,IAAI,CAAC,KAAK,CAAK,EAC1D,IAAI,CAAC,QAAQ,KACZ,0DAAG,KAAK,EAAC,qCAAqC,IAAE,IAAI,CAAC,QAAQ,CAAK,CACnE,CACG,EACN,+DACE,KAAK,EAAE,UAAU,CAAC,sCAAsC,EAAE;gBACxD,MAAM,EAAE,IAAI,CAAC,QAAQ;aACtB,CAAC,EACF,OAAO,EAAE,IAAI,CAAC,YAAY,EAC1B,IAAI,EAAC,QAAQ,IAEb,4DACE,KAAK,EAAE,UAAU,CAAC,kCAAkC,EAAE;gBACpD,MAAM,EAAE,IAAI,CAAC,QAAQ;aACtB,CAAC,GACF,CACK,CACL,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/searchcraft-toggle-button/searchcraft-toggle-button.tsx"],"sourcesContent":["import { searchcraftStore } from '@store';\nimport {\n  Component,\n  Event,\n  h,\n  Prop,\n  State,\n  type EventEmitter,\n} from '@stencil/core';\nimport classNames from 'classnames';\n\n/**\n * This web component simulates a light switch functionality, providing a simple and intuitive toggle between two states—on and off.\n * It is consumed within the `searchcraft-filter-panel` component.\n */\n@Component({\n  tag: 'searchcraft-toggle-button',\n  shadow: false,\n})\nexport class SearchcraftToggleButton {\n  /**\n   * The label.\n   */\n  @Prop() label = 'Toggle';\n  /**\n   * The secondary label displayed below the main label.\n   */\n  @Prop() subLabel: string | undefined;\n\n  /**\n   * When the toggle element is changed.\n   */\n  @Event() toggleUpdated?: EventEmitter<boolean>;\n\n  @State() isActive = false;\n  @State() unsubscribe: (() => void) | undefined;\n  @State() lastSearchTerm: string | undefined;\n\n  private handleToggle = async () => {\n    this.isActive = !this.isActive;\n    this.toggleUpdated?.emit(this.isActive);\n  };\n\n  connectedCallback() {\n    /** When the query changes, sets toggle button state back to inactive. */\n    this.unsubscribe = searchcraftStore.subscribe((state) => {\n      if (\n        state.searchTerm !== this.lastSearchTerm &&\n        state.searchTerm.trim().length === 0\n      ) {\n        this.isActive = false;\n      }\n      this.lastSearchTerm = state.searchTerm;\n    });\n  }\n\n  disconnectedCallback() {\n    this.unsubscribe?.();\n  }\n\n  render() {\n    return (\n      <div class='searchcraft-toggle-button-container'>\n        <div>\n          <p class='searchcraft-toggle-button-label'>{this.label}</p>\n          {this.subLabel && (\n            <p class='searchcraft-toggle-button-sub-label'>{this.subLabel}</p>\n          )}\n        </div>\n        <button\n          class={classNames('searchcraft-toggle-button-background', {\n            active: this.isActive,\n          })}\n          onClick={this.handleToggle}\n          type='button'\n        >\n          <div\n            class={classNames('searchcraft-toggle-button-handle', {\n              active: this.isActive,\n            })}\n          />\n        </button>\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-ffb05b5b.js","mappings":";;;;MAmBa,uBAAuB;;;;;;;;;IAI1B,KAAK,GAAG,QAAQ,CAAC;;;;IAIjB,QAAQ,CAAqB;;;;IAK5B,aAAa,CAAyB;IAEtC,QAAQ,GAAG,KAAK,CAAC;IACjB,WAAW,CAA2B;IACtC,cAAc,CAAqB;IAEpC,YAAY,GAAG;QACrB,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;QAC/B,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;KACzC,CAAC;IAEF,iBAAiB;;QAEf,IAAI,CAAC,WAAW,GAAG,gBAAgB,CAAC,SAAS,CAAC,CAAC,KAAK;YAClD,IACE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC,cAAc;gBACxC,KAAK,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC,MAAM,KAAK,CAAC,EACpC;gBACA,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;aACvB;YACD,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC,UAAU,CAAC;SACxC,CAAC,CAAC;KACJ;IAED,oBAAoB;QAClB,IAAI,CAAC,WAAW,IAAI,CAAC;KACtB;IAED,MAAM;QACJ,QACE,4DAAK,KAAK,EAAC,qCAAqC,IAC9C,8DACE,0DAAG,KAAK,EAAC,iCAAiC,IAAE,IAAI,CAAC,KAAK,CAAK,EAC1D,IAAI,CAAC,QAAQ,KACZ,0DAAG,KAAK,EAAC,qCAAqC,IAAE,IAAI,CAAC,QAAQ,CAAK,CACnE,CACG,EACN,+DACE,KAAK,EAAE,UAAU,CAAC,sCAAsC,EAAE;gBACxD,MAAM,EAAE,IAAI,CAAC,QAAQ;aACtB,CAAC,EACF,OAAO,EAAE,IAAI,CAAC,YAAY,EAC1B,IAAI,EAAC,QAAQ,IAEb,4DACE,KAAK,EAAE,UAAU,CAAC,kCAAkC,EAAE;gBACpD,MAAM,EAAE,IAAI,CAAC,QAAQ;aACtB,CAAC,GACF,CACK,CACL,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/searchcraft-toggle-button/searchcraft-toggle-button.tsx"],"sourcesContent":["import { searchcraftStore } from '@store';\nimport {\n  Component,\n  Event,\n  h,\n  Prop,\n  State,\n  type EventEmitter,\n} from '@stencil/core';\nimport classNames from 'classnames';\n\n/**\n * This web component simulates a light switch functionality, providing a simple and intuitive toggle between two states—on and off.\n * It is consumed within the `searchcraft-filter-panel` component.\n */\n@Component({\n  tag: 'searchcraft-toggle-button',\n  shadow: false,\n})\nexport class SearchcraftToggleButton {\n  /**\n   * The label.\n   */\n  @Prop() label = 'Toggle';\n  /**\n   * The secondary label displayed below the main label.\n   */\n  @Prop() subLabel: string | undefined;\n\n  /**\n   * When the toggle element is changed.\n   */\n  @Event() toggleUpdated?: EventEmitter<boolean>;\n\n  @State() isActive = false;\n  @State() unsubscribe: (() => void) | undefined;\n  @State() lastSearchTerm: string | undefined;\n\n  private handleToggle = async () => {\n    this.isActive = !this.isActive;\n    this.toggleUpdated?.emit(this.isActive);\n  };\n\n  connectedCallback() {\n    /** When the query changes, sets toggle button state back to inactive. */\n    this.unsubscribe = searchcraftStore.subscribe((state) => {\n      if (\n        state.searchTerm !== this.lastSearchTerm &&\n        state.searchTerm.trim().length === 0\n      ) {\n        this.isActive = false;\n      }\n      this.lastSearchTerm = state.searchTerm;\n    });\n  }\n\n  disconnectedCallback() {\n    this.unsubscribe?.();\n  }\n\n  render() {\n    return (\n      <div class='searchcraft-toggle-button-container'>\n        <div>\n          <p class='searchcraft-toggle-button-label'>{this.label}</p>\n          {this.subLabel && (\n            <p class='searchcraft-toggle-button-sub-label'>{this.subLabel}</p>\n          )}\n        </div>\n        <button\n          class={classNames('searchcraft-toggle-button-background', {\n            active: this.isActive,\n          })}\n          onClick={this.handleToggle}\n          type='button'\n        >\n          <div\n            class={classNames('searchcraft-toggle-button-handle', {\n              active: this.isActive,\n            })}\n          />\n        </button>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/searchcraft-ad.js

@@ -1,4 +1,4 @@
-import { S as SearchcraftPopoverListItemAd, d as defineCustomElement$1 } from './p-05872320.js';
+import { S as SearchcraftPopoverListItemAd, d as defineCustomElement$1 } from './p-70f5d28f.js';
 
 const SearchcraftAd = SearchcraftPopoverListItemAd;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { S as SearchcraftBaseSearchResult$1, d as defineCustomElement$1 } from './p-cd9ba361.js';
+import { S as SearchcraftBaseSearchResult$1, d as defineCustomElement$1 } from './p-fee8c484.js';
 
 const SearchcraftBaseSearchResult = SearchcraftBaseSearchResult$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, h } from './p-5365011f.js';
-import { s as searchcraftStore } from './p-6d8b0ead.js';
+import { s as searchcraftStore } from './p-39be2b10.js';
 import { s as serializeStyles } from './p-d9551738.js';
-import { d as defineCustomElement$4 } from './p-05872320.js';
-import { d as defineCustomElement$3 } from './p-cd9ba361.js';
+import { d as defineCustomElement$4 } from './p-70f5d28f.js';
+import { d as defineCustomElement$3 } from './p-fee8c484.js';
 import { d as defineCustomElement$2 } from './p-0e393fe1.js';
 
 const SearchcraftBaseSearchResults$1 = /*@__PURE__*/ proxyCustomElement(class SearchcraftBaseSearchResults extends H {
@@ -47,7 +47,7 @@ const SearchcraftBaseSearchResults$1 = /*@__PURE__*/ proxyCustomElement(class Se
     adClientResponseItems = [];
     searchResultsPerPage;
     searchResultsPage;
-    isSearchInProgress = false;
+    isSearchInProgress = true;
     config;
     unsubscribe = () => { };
     get serializedStyles() {
@@ -63,6 +63,7 @@ const SearchcraftBaseSearchResults$1 = /*@__PURE__*/ proxyCustomElement(class Se
     componentDidLoad() {
         this.unsubscribe = searchcraftStore.subscribe((state) => this.handleStateChange(state));
         const currentState = searchcraftStore.getState();
+        this.handleStateChange(currentState);
         this.searchClientResponseItems = currentState.searchClientResponseItems;
         this.searchTerm = currentState.searchTerm;
         this.config = currentState.core?.config;
@@ -117,6 +118,36 @@ const SearchcraftBaseSearchResults$1 = /*@__PURE__*/ proxyCustomElement(class Se
         }
         return (h("div", { class: 'searchcraft-search-results-container' }, itemsToRender));
     }
+    renderWithNativoAds() {
+        const itemsToRender = [];
+        const interstitialStartIndex = this.config?.nativoAdInterstialStartIndex || 0;
+        const interstitialInterval = this.config?.nativoAdInterstitialInterval || 0;
+        const interstitialQuantity = this.config?.nativoAdInterstitialQuantity || 1;
+        const adStartQuantity = this.config?.nativoAdStartQuantity || 0;
+        const adEndQuantity = this.config?.nativoAdEndQuantity || 0;
+        const searchItems = this.searchClientResponseItems || [];
+        // Renders ads at beginning
+        for (let n = 0; n < adStartQuantity; n++) {
+            itemsToRender.push(h("searchcraft-ad", { adSource: 'Nativo', key: `${n}-ad` }));
+        }
+        // Renders search results + interstitial ads
+        searchItems.forEach((item, index) => {
+            if (interstitialInterval &&
+                (index + interstitialStartIndex) % interstitialInterval === 0 &&
+                index + interstitialInterval < searchItems.length &&
+                index >= interstitialInterval) {
+                for (let n = 0; n < interstitialQuantity; n++) {
+                    itemsToRender.push(h("searchcraft-ad", { adSource: 'Nativo', key: `${item.id}-ad-${n}` }));
+                }
+            }
+            itemsToRender.push(h("searchcraft-base-search-result", { key: item.id, "custom-styles": this.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 - 1) + index, searchResultMappings: this.searchResultMappings, item: item }));
+        });
+        // Renders ads at end
+        for (let n = 0; n < adEndQuantity; n++) {
+            itemsToRender.push(h("searchcraft-ad", { adSource: 'Nativo', key: `${n}-ad` }));
+        }
+        return (h("div", { class: 'searchcraft-search-results-container' }, itemsToRender));
+    }
     renderWithNoAds() {
         return (h("div", { class: 'searchcraft-search-results-container' }, this.searchClientResponseItems?.map((item, index) => (h("searchcraft-base-search-result", { key: item.id, "custom-styles": this.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 - 1) + index, searchResultMappings: this.searchResultMappings, item: item })))));
     }
@@ -134,6 +165,8 @@ const SearchcraftBaseSearchResults$1 = /*@__PURE__*/ proxyCustomElement(class Se
                 return this.renderWithADMAds();
             case 'Custom':
                 return this.renderWithCustomAds();
+            case 'Nativo':
+                return this.renderWithNativoAds();
             default:
                 return this.renderWithNoAds();
         }

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

@@ -1 +1 @@
-{"file":"searchcraft-base-search-results.js","mappings":"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","names":["SearchcraftBaseSearchResults"],"sources":["src/components/searchcraft-base-search-results/searchcraft-base-search-results.tsx"],"sourcesContent":["import { Component, h, Prop, State, type JSX } from '@stencil/core';\n\nimport type {\n  AdClientResponseItem,\n  SearchClientResponseItem,\n  SearchcraftConfig,\n} from '@searchcraft/core';\n\nimport { type SearchcraftState, searchcraftStore } from '@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  /**\n   * Formats the content rendered for each result.\n   */\n  @Prop() searchResultMappings?: SearchResultMappings;\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;\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';\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';\n\n  @State() searchTerm = '';\n  @State() searchClientResponseItems: SearchClientResponseItem[] = [];\n  @State() adClientResponseItems: AdClientResponseItem[] = [];\n  @State() searchResultsPerPage;\n  @State() searchResultsPage;\n  @State() isSearchInProgress = false;\n  @State() config?: SearchcraftConfig;\n\n  private unsubscribe: () => void = () => {};\n\n  get serializedStyles(): string {\n    let serializedStyles = '';\n    if (this.customStylesForResults) {\n      serializedStyles =\n        typeof this.customStylesForResults === 'string'\n          ? this.customStylesForResults\n          : serializeStyles(this.customStylesForResults);\n    }\n    return serializedStyles;\n  }\n\n  componentDidLoad() {\n    this.unsubscribe = searchcraftStore.subscribe((state) =>\n      this.handleStateChange(state),\n    );\n    const currentState = searchcraftStore.getState();\n    this.searchClientResponseItems = currentState.searchClientResponseItems;\n    this.searchTerm = currentState.searchTerm;\n    this.config = currentState.core?.config;\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    this.config = state.core?.config;\n    this.isSearchInProgress = state.isSearchInProgress;\n  }\n\n  renderEmptyState() {\n    return (\n      <div class='searchcraft-search-results-empty-state-container'>\n        <slot name='empty-search' />\n      </div>\n    );\n  }\n\n  renderNoResultsFoundState() {\n    return (\n      <div class='searchcraft-search-results-container'>\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      </div>\n    );\n  }\n\n  renderWithADMAds() {\n    return (\n      <div class='searchcraft-search-results-container'>\n        {this.adClientResponseItems?.map((item) => (\n          <searchcraft-ad\n            adSource='adMarketplace'\n            adClientResponseItem={item}\n            key={item.id}\n          />\n        ))}\n        {this.searchClientResponseItems?.map((item, index) => (\n          <searchcraft-base-search-result\n            key={item.id}\n            custom-styles={this.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 - 1) + index\n            }\n            searchResultMappings={this.searchResultMappings}\n            item={item}\n          />\n        ))}\n      </div>\n    );\n  }\n\n  renderWithCustomAds() {\n    const itemsToRender: JSX.Element[] = [];\n    const interstitialInterval = this.config?.customAdInterstitialInterval || 0;\n    const interstitialQuantity = this.config?.customAdInterstitialQuantity || 1;\n    const adStartQuantity = this.config?.customAdStartQuantity || 0;\n    const adEndQuantity = this.config?.customAdEndQuantity || 0;\n    const searchItems = this.searchClientResponseItems || [];\n\n    // Renders ads at beginning\n    for (let n = 0; n < adStartQuantity; n++) {\n      itemsToRender.push(<searchcraft-ad adSource='Custom' key={`${n}-ad`} />);\n    }\n\n    // Renders search results + interstitial ads\n    searchItems.forEach((item, index) => {\n      if (\n        interstitialInterval &&\n        index % interstitialInterval === 0 &&\n        index + interstitialInterval < searchItems.length &&\n        index >= interstitialInterval\n      ) {\n        for (let n = 0; n < interstitialQuantity; n++) {\n          itemsToRender.push(\n            <searchcraft-ad adSource='Custom' key={`${item.id}-ad-${n}`} />,\n          );\n        }\n      }\n      itemsToRender.push(\n        <searchcraft-base-search-result\n          key={item.id}\n          custom-styles={this.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 - 1) + index\n          }\n          searchResultMappings={this.searchResultMappings}\n          item={item}\n        />,\n      );\n    });\n\n    // Renders ads at end\n    for (let n = 0; n < adEndQuantity; n++) {\n      itemsToRender.push(<searchcraft-ad adSource='Custom' key={`${n}-ad`} />);\n    }\n\n    return (\n      <div class='searchcraft-search-results-container'>{itemsToRender}</div>\n    );\n  }\n\n  renderWithNoAds() {\n    return (\n      <div class='searchcraft-search-results-container'>\n        {this.searchClientResponseItems?.map((item, index) => (\n          <searchcraft-base-search-result\n            key={item.id}\n            custom-styles={this.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 - 1) + index\n            }\n            searchResultMappings={this.searchResultMappings}\n            item={item}\n          />\n        ))}\n      </div>\n    );\n  }\n\n  render() {\n    if (this.searchTerm.trim() === '') {\n      return this.renderEmptyState();\n    }\n\n    if (\n      this.searchTerm.length > 0 &&\n      this.searchClientResponseItems.length === 0 &&\n      !this.isSearchInProgress\n    ) {\n      return this.renderNoResultsFoundState();\n    }\n\n    switch (this.config?.adSource || 'None') {\n      case 'adMarketplace':\n        return this.renderWithADMAds();\n      case 'Custom':\n        return this.renderWithCustomAds();\n      default:\n        return this.renderWithNoAds();\n    }\n  }\n}\n"],"version":3}
+{"file":"searchcraft-base-search-results.js","mappings":"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","names":["SearchcraftBaseSearchResults"],"sources":["src/components/searchcraft-base-search-results/searchcraft-base-search-results.tsx"],"sourcesContent":["import { Component, h, Prop, State, type JSX } from '@stencil/core';\n\nimport type {\n  AdClientResponseItem,\n  SearchClientResponseItem,\n  SearchcraftConfig,\n} from '@searchcraft/core';\n\nimport { type SearchcraftState, searchcraftStore } from '@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  /**\n   * Formats the content rendered for each result.\n   */\n  @Prop() searchResultMappings?: SearchResultMappings;\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;\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';\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';\n\n  @State() searchTerm = '';\n  @State() searchClientResponseItems: SearchClientResponseItem[] = [];\n  @State() adClientResponseItems: AdClientResponseItem[] = [];\n  @State() searchResultsPerPage;\n  @State() searchResultsPage;\n  @State() isSearchInProgress = true;\n  @State() config?: SearchcraftConfig;\n\n  private unsubscribe: () => void = () => {};\n\n  get serializedStyles(): string {\n    let serializedStyles = '';\n    if (this.customStylesForResults) {\n      serializedStyles =\n        typeof this.customStylesForResults === 'string'\n          ? this.customStylesForResults\n          : serializeStyles(this.customStylesForResults);\n    }\n    return serializedStyles;\n  }\n\n  componentDidLoad() {\n    this.unsubscribe = searchcraftStore.subscribe((state) =>\n      this.handleStateChange(state),\n    );\n    const currentState = searchcraftStore.getState();\n    this.handleStateChange(currentState);\n    this.searchClientResponseItems = currentState.searchClientResponseItems;\n    this.searchTerm = currentState.searchTerm;\n    this.config = currentState.core?.config;\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    this.config = state.core?.config;\n    this.isSearchInProgress = state.isSearchInProgress;\n  }\n\n  renderEmptyState() {\n    return (\n      <div class='searchcraft-search-results-empty-state-container'>\n        <slot name='empty-search' />\n      </div>\n    );\n  }\n\n  renderNoResultsFoundState() {\n    return (\n      <div class='searchcraft-search-results-container'>\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      </div>\n    );\n  }\n\n  renderWithADMAds() {\n    return (\n      <div class='searchcraft-search-results-container'>\n        {this.adClientResponseItems?.map((item) => (\n          <searchcraft-ad\n            adSource='adMarketplace'\n            adClientResponseItem={item}\n            key={item.id}\n          />\n        ))}\n        {this.searchClientResponseItems?.map((item, index) => (\n          <searchcraft-base-search-result\n            key={item.id}\n            custom-styles={this.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 - 1) + index\n            }\n            searchResultMappings={this.searchResultMappings}\n            item={item}\n          />\n        ))}\n      </div>\n    );\n  }\n\n  renderWithCustomAds() {\n    const itemsToRender: JSX.Element[] = [];\n    const interstitialInterval = this.config?.customAdInterstitialInterval || 0;\n    const interstitialQuantity = this.config?.customAdInterstitialQuantity || 1;\n    const adStartQuantity = this.config?.customAdStartQuantity || 0;\n    const adEndQuantity = this.config?.customAdEndQuantity || 0;\n    const searchItems = this.searchClientResponseItems || [];\n\n    // Renders ads at beginning\n    for (let n = 0; n < adStartQuantity; n++) {\n      itemsToRender.push(<searchcraft-ad adSource='Custom' key={`${n}-ad`} />);\n    }\n\n    // Renders search results + interstitial ads\n    searchItems.forEach((item, index) => {\n      if (\n        interstitialInterval &&\n        index % interstitialInterval === 0 &&\n        index + interstitialInterval < searchItems.length &&\n        index >= interstitialInterval\n      ) {\n        for (let n = 0; n < interstitialQuantity; n++) {\n          itemsToRender.push(\n            <searchcraft-ad adSource='Custom' key={`${item.id}-ad-${n}`} />,\n          );\n        }\n      }\n      itemsToRender.push(\n        <searchcraft-base-search-result\n          key={item.id}\n          custom-styles={this.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 - 1) + index\n          }\n          searchResultMappings={this.searchResultMappings}\n          item={item}\n        />,\n      );\n    });\n\n    // Renders ads at end\n    for (let n = 0; n < adEndQuantity; n++) {\n      itemsToRender.push(<searchcraft-ad adSource='Custom' key={`${n}-ad`} />);\n    }\n\n    return (\n      <div class='searchcraft-search-results-container'>{itemsToRender}</div>\n    );\n  }\n\n  renderWithNativoAds() {\n    const itemsToRender: JSX.Element[] = [];\n    const interstitialStartIndex =\n      this.config?.nativoAdInterstialStartIndex || 0;\n    const interstitialInterval = this.config?.nativoAdInterstitialInterval || 0;\n    const interstitialQuantity = this.config?.nativoAdInterstitialQuantity || 1;\n    const adStartQuantity = this.config?.nativoAdStartQuantity || 0;\n    const adEndQuantity = this.config?.nativoAdEndQuantity || 0;\n    const searchItems = this.searchClientResponseItems || [];\n\n    // Renders ads at beginning\n    for (let n = 0; n < adStartQuantity; n++) {\n      itemsToRender.push(<searchcraft-ad adSource='Nativo' key={`${n}-ad`} />);\n    }\n\n    // Renders search results + interstitial ads\n    searchItems.forEach((item, index) => {\n      if (\n        interstitialInterval &&\n        (index + interstitialStartIndex) % interstitialInterval === 0 &&\n        index + interstitialInterval < searchItems.length &&\n        index >= interstitialInterval\n      ) {\n        for (let n = 0; n < interstitialQuantity; n++) {\n          itemsToRender.push(\n            <searchcraft-ad adSource='Nativo' key={`${item.id}-ad-${n}`} />,\n          );\n        }\n      }\n      itemsToRender.push(\n        <searchcraft-base-search-result\n          key={item.id}\n          custom-styles={this.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 - 1) + index\n          }\n          searchResultMappings={this.searchResultMappings}\n          item={item}\n        />,\n      );\n    });\n\n    // Renders ads at end\n    for (let n = 0; n < adEndQuantity; n++) {\n      itemsToRender.push(<searchcraft-ad adSource='Nativo' key={`${n}-ad`} />);\n    }\n\n    return (\n      <div class='searchcraft-search-results-container'>{itemsToRender}</div>\n    );\n  }\n\n  renderWithNoAds() {\n    return (\n      <div class='searchcraft-search-results-container'>\n        {this.searchClientResponseItems?.map((item, index) => (\n          <searchcraft-base-search-result\n            key={item.id}\n            custom-styles={this.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 - 1) + index\n            }\n            searchResultMappings={this.searchResultMappings}\n            item={item}\n          />\n        ))}\n      </div>\n    );\n  }\n\n  render() {\n    if (this.searchTerm.trim() === '') {\n      return this.renderEmptyState();\n    }\n\n    if (\n      this.searchTerm.length > 0 &&\n      this.searchClientResponseItems.length === 0 &&\n      !this.isSearchInProgress\n    ) {\n      return this.renderNoResultsFoundState();\n    }\n\n    switch (this.config?.adSource || 'None') {\n      case 'adMarketplace':\n        return this.renderWithADMAds();\n      case 'Custom':\n        return this.renderWithCustomAds();\n      case 'Nativo':\n        return this.renderWithNativoAds();\n      default:\n        return this.renderWithNoAds();\n    }\n  }\n}\n"],"version":3}

package/dist/components/searchcraft-facet-list.js

@@ -1,4 +1,4 @@
-import { S as SearchcraftFacetList$1, d as defineCustomElement$1 } from './p-7777d986.js';
+import { S as SearchcraftFacetList$1, d as defineCustomElement$1 } from './p-c3cc2fc3.js';
 
 const SearchcraftFacetList = SearchcraftFacetList$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/searchcraft-filter-panel.js

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, h } from './p-5365011f.js';
-import { s as searchcraftStore } from './p-6d8b0ead.js';
+import { s as searchcraftStore } from './p-39be2b10.js';
 import { g as getMillis } from './p-6104fe5d.js';
-import { d as defineCustomElement$4 } from './p-7777d986.js';
+import { d as defineCustomElement$4 } from './p-c3cc2fc3.js';
 import { d as defineCustomElement$3 } from './p-bb12ab5a.js';
-import { d as defineCustomElement$2 } from './p-11b05b94.js';
+import { d as defineCustomElement$2 } from './p-ffb05b5b.js';
 
 const SearchcraftFilterPanel$1 = /*@__PURE__*/ proxyCustomElement(class SearchcraftFilterPanel extends H {
     constructor() {

package/dist/components/searchcraft-input-form.js

@@ -1,4 +1,4 @@
-import { S as SearchcraftInput, d as defineCustomElement$1 } from './p-5bd5c3cb.js';
+import { S as SearchcraftInput, d as defineCustomElement$1 } from './p-d3351811.js';
 
 const SearchcraftInputForm = SearchcraftInput;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/searchcraft-pagination.js

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h } from './p-5365011f.js';
-import { s as searchcraftStore } from './p-6d8b0ead.js';
+import { s as searchcraftStore } from './p-39be2b10.js';
 import { c as classNames } from './p-5cdc6210.js';
 import { p as parseCustomStyles } from './p-d9551738.js';
 import { d as defineCustomElement$2 } from './p-71cc28c1.js';

package/dist/components/searchcraft-popover-button.js

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h } from './p-5365011f.js';
-import { s as searchcraftStore } from './p-6d8b0ead.js';
+import { s as searchcraftStore } from './p-39be2b10.js';
 
 const SearchcraftPopoverButton$1 = /*@__PURE__*/ proxyCustomElement(class SearchcraftPopoverButton extends H {
     constructor() {

package/dist/components/searchcraft-popover-form.js

@@ -1,13 +1,13 @@
 import { p as proxyCustomElement, H, h } from './p-5365011f.js';
 import { c as classNames } from './p-5cdc6210.js';
-import { s as searchcraftStore } from './p-6d8b0ead.js';
-import { d as defineCustomElement$8 } from './p-05872320.js';
+import { s as searchcraftStore } from './p-39be2b10.js';
+import { d as defineCustomElement$8 } from './p-70f5d28f.js';
 import { d as defineCustomElement$7 } from './p-71cc28c1.js';
 import { d as defineCustomElement$6 } from './p-0e393fe1.js';
-import { d as defineCustomElement$5 } from './p-5bd5c3cb.js';
+import { d as defineCustomElement$5 } from './p-d3351811.js';
 import { d as defineCustomElement$4 } from './p-e55a7970.js';
-import { d as defineCustomElement$3 } from './p-3568414f.js';
-import { d as defineCustomElement$2 } from './p-b0bc5cee.js';
+import { d as defineCustomElement$3 } from './p-8a4f8203.js';
+import { d as defineCustomElement$2 } from './p-52edbc31.js';
 
 const SearchcraftPopoverForm$1 = /*@__PURE__*/ proxyCustomElement(class SearchcraftPopoverForm extends H {
     constructor() {

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

@@ -1,4 +1,4 @@
-import { S as SearchcraftPopoverListItem$1, d as defineCustomElement$1 } from './p-3568414f.js';
+import { S as SearchcraftPopoverListItem$1, d as defineCustomElement$1 } from './p-8a4f8203.js';
 
 const SearchcraftPopoverListItem = SearchcraftPopoverListItem$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { S as SearchcraftPopoverListView$1, d as defineCustomElement$1 } from './p-b0bc5cee.js';
+import { S as SearchcraftPopoverListView$1, d as defineCustomElement$1 } from './p-52edbc31.js';
 
 const SearchcraftPopoverListView = SearchcraftPopoverListView$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h } from './p-5365011f.js';
 import { c as classNames } from './p-5cdc6210.js';
-import { s as searchcraftStore } from './p-6d8b0ead.js';
+import { s as searchcraftStore } from './p-39be2b10.js';
 import { f as formatNumberWithCommas } from './p-6104fe5d.js';
 import { p as parseCustomStyles } from './p-d9551738.js';
 

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

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h } from './p-5365011f.js';
-import { s as searchcraftStore } from './p-6d8b0ead.js';
+import { s as searchcraftStore } from './p-39be2b10.js';
 import { c as classNames } from './p-5cdc6210.js';
 import { p as parseCustomStyles } from './p-d9551738.js';
 import { d as defineCustomElement$2 } from './p-bf6a086a.js';

package/dist/components/searchcraft-toggle-button.js

@@ -1,4 +1,4 @@
-import { S as SearchcraftToggleButton$1, d as defineCustomElement$1 } from './p-11b05b94.js';
+import { S as SearchcraftToggleButton$1, d as defineCustomElement$1 } from './p-ffb05b5b.js';
 
 const SearchcraftToggleButton = SearchcraftToggleButton$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/types/components/searchcraft-base-search-results/searchcraft-base-search-results.d.ts

@@ -82,6 +82,7 @@ export declare class SearchcraftBaseSearchResults {
     renderNoResultsFoundState(): any;
     renderWithADMAds(): any;
     renderWithCustomAds(): any;
+    renderWithNativoAds(): any;
     renderWithNoAds(): any;
     render(): any;
 }

package/dist/types/components/searchcraft-input-form/searchcraft-input-form.d.ts

@@ -41,10 +41,6 @@ export declare class SearchcraftInput {
      * The input element's placeholder value.
      */
     placeholderValue: string;
-    /**
-     * The starting value of the input element.
-     */
-    searchTerm: string;
     /**
      * When the input becomes focused.
      */
@@ -58,6 +54,7 @@ export declare class SearchcraftInput {
      */
     inputInit?: EventEmitter<void>;
     inputValue: string;
+    searchTerm: string;
     error: boolean;
     core?: SearchcraftCore;
     private searchStore;

package/dist/types/components/searchcraft-popover-list-view/searchcraft-popover-list-view.d.ts

@@ -26,6 +26,7 @@ export declare class SearchcraftPopoverListView {
     private config;
     renderWithADMAds(): any;
     renderWithCustomAds(): any;
+    renderWithNativoAds(): any;
     renderWithNoAds(): any;
     render(): any;
 }

package/dist/types/components.d.ts

@@ -241,10 +241,6 @@ export namespace Components {
           * The input element's placeholder value.
          */
         "placeholderValue": string;
-        /**
-          * The starting value of the input element.
-         */
-        "searchTerm": string;
     }
     /**
      * This web component serves as the input label for the searchcraft-input-form component.
@@ -1180,10 +1176,6 @@ declare namespace LocalJSX {
           * The input element's placeholder value.
          */
         "placeholderValue"?: string;
-        /**
-          * The starting value of the input element.
-         */
-        "searchTerm"?: string;
     }
     /**
      * This web component serves as the input label for the searchcraft-input-form component.

package/dist/types/index.d.ts

@@ -9,11 +9,10 @@ import { searchcraftStore } from "./store/index";
  * 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`.
  */
-export type * from './components';
 export type { SearchcraftConfig };
 export { searchcraftStore };
 export { parseCustomStyles, serializeStyles, } from './utils';
-export type { Components } from './components';
+export type { Components, JSX } from './components';
 /**
  * The consumer-facing `Searchcraft` class.
  */

package/package.json

@@ -1,11 +1,10 @@
 {
   "name": "@searchcraft/javascript-sdk",
   "private": false,
-  "version": "0.9.3",
+  "version": "0.9.5",
   "description": "Searchcraft Javascript SDK",
   "author": "Searchcraft",
   "license": "Apache-2.0",
-  "main": "dist/index.cjs.js",
   "module": "dist/components/index.js",
   "types": "dist/components/index.d.ts",
   "collection": "dist/collection/collection-manifest.json",
@@ -29,7 +28,7 @@
     "dist/"
   ],
   "scripts": {
-    "build": "stencil build && yarn docs",
+    "build": "stencil build",
     "docs": "typedoc --options typedoc.json",
     "dev": "stencil build --dev --watch",
     "test": "stencil test --spec --e2e",
@@ -43,12 +42,12 @@
     "nanoid": "^5.0.9"
   },
   "devDependencies": {
-    "@searchcraft/core": "^0.9.3",
+    "@searchcraft/core": "^0.9.5",
     "@stencil/core": "^4.7.0",
     "@stencil/react-output-target": "^0.8.2",
     "@stencil/sass": "^3.0.12",
     "@types/node": "^16.18.11",
     "zustand": "^5.0.1"
   },
-  "gitHead": "065d4f8272362e875356b921c32bba36af75637d"
+  "gitHead": "83d88bfbf5790cbfd1362375fa7ecddc7ecc9a7f"
 }