@searchcraft/javascript-sdk 0.9.6 → 0.10.0

package/dist/components/p-bb9e9d7d.js.map

@@ -1 +0,0 @@
-{"file":"p-bb9e9d7d.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/p-bf6a086a.js.map

@@ -1 +0,0 @@
-{"file":"p-bf6a086a.js","mappings":";;;;MAmCa,iBAAiB;;;;;;;;;IAIpB,OAAO,CAAU;;;;IAIjB,QAAQ,GAAa,KAAK,CAAC;;;;IAI3B,OAAO,CAAU;;;;IAIjB,KAAK,CAAU;;;;IAIf,OAAO,CAAU;;;;IAIjB,IAAI,CAAU;;;;IAId,OAAO,GAAuC,EAAE,CAAC;;;;IAIjD,YAAY,CAAU;;;;IAIrB,YAAY,CAAwB;IAEpC,oBAAoB,CAAC;IAErB,oBAAoB,GAA2B,SAAQ,CAAC;IACxD,uBAAuB,GAA8B,SAAQ,CAAC;IAE/D,kBAAkB,GAAG,CAAC,KAAK;QACjC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;KAC5C,CAAC;IAEF,cAAc,CAAC,IAAY;QACzB,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC;KACjC;IAED,MAAM;QACJ,QACE,4DACE,KAAK,EAAE,UAAU,CACf,oBAAoB,EACpB,iBAAiB,CAAC,IAAI,CAAC,YAAY,IAAI,EAAE,CAAC,CAC3C,IAEA,IAAI,CAAC,KAAK,KACT,8DACE,KAAK,EAAC,0BAA0B,EAChC,EAAE,EAAE,IAAI,CAAC,OAAO,IAAI,GAAG,IAAI,CAAC,OAAO,QAAQ,EAC3C,OAAO,EAAE,IAAI,CAAC,OAAO,IAEpB,IAAI,CAAC,KAAK,CACL,CACT,EACD,4DAAK,KAAK,EAAC,kCAAkC,IAC3C,kFAEI,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,OAAO,IAAI,GAAG,IAAI,CAAC,OAAO,QAAQ,GAAG,SAAS,EAElE,KAAK,EAAC,0BAA0B,EAChC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,EAAE,EAAE,IAAI,CAAC,OAAO,EAChB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,QAAQ,EAAE,IAAI,CAAC,kBAAkB,IAEhC,CAAC,OAAO,IAAI,CAAC,OAAO,KAAK,QAAQ;cAC9B,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC;cACxB,IAAI,CAAC,OAAO,EACd,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE;YAC/B,QACE,cAAQ,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,IACjD,KAAK,CACC,EACT;SACH,CAAC,CACK,EACT,4DACE,KAAK,EAAC,+BAA+B,EACrC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,IAElC,uFAAmC,EACnC,6DACE,CAAC,EAAC,uBAAuB,EACzB,MAAM,EAAC,cAAc,kBACR,KAAK,oBACH,OAAO,qBACN,OAAO,GACvB,CACE,CACF,EACL,IAAI,CAAC,OAAO,KACX,0DAAG,KAAK,EAAC,4BAA4B,IAAE,IAAI,CAAC,OAAO,CAAK,CACzD,CACG,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/searchcraft-select/searchcraft-select.tsx"],"sourcesContent":["import {\n  Component,\n  h,\n  State,\n  Prop,\n  type EventEmitter,\n  Event,\n} from '@stencil/core';\nimport classNames from 'classnames';\n\nimport { parseCustomStyles } from '@utils';\n\nexport type SearchcraftSelectOption = {\n  label: string;\n  value: string | number;\n  selected?: boolean;\n};\n\n/**\n * This web component is designed to allow users to select between a group of options.\n *\n * ## Usage\n * ```html\n * <!-- index.html -->\n * <searchcraft-select\n *  inputId=\"searchcraft-select\"\n *  name=\"searchcraft-select\"\n *  options=\"[{ label: 'label', value: 'value' }]\"\n * />\n * ```\n */\n@Component({\n  tag: 'searchcraft-select',\n  shadow: false,\n})\nexport class SearchcraftSelect {\n  /**\n   * The caption displayed below the select input.\n   */\n  @Prop() caption?: string;\n  /**\n   * Whether the select input is disabled.\n   */\n  @Prop() disabled?: boolean = false;\n  /**\n   * The ID for the select input.\n   */\n  @Prop() inputId!: string;\n  /**\n   * The label of the select input.\n   */\n  @Prop() label?: string;\n  /**\n   * The ID for the label of the select input.\n   */\n  @Prop() labelId?: string;\n  /**\n   * The name of the select input.\n   */\n  @Prop() name!: string;\n  /**\n   * The options for the select input.\n   */\n  @Prop() options: SearchcraftSelectOption[] | string = [];\n  /**\n   * A custom styles object.\n   */\n  @Prop() customStyles?: string;\n  /**\n   * The event fired when the select is changed.\n   */\n  @Event() selectChange!: EventEmitter<string>;\n\n  @State() searchResultsPerPage;\n\n  @State() setSearchResultsPage: (page: number) => void = () => {};\n  @State() setSearchResultsPerPage: (perPage: number) => void = () => {};\n\n  private handleSelectChange = (event) => {\n    this.selectChange.emit(event.target.value);\n  };\n\n  handleGoToPage(page: number) {\n    this.setSearchResultsPage(page);\n  }\n\n  render() {\n    return (\n      <div\n        class={classNames(\n          'searchcraft-select',\n          parseCustomStyles(this.customStyles || {}),\n        )}\n      >\n        {this.label && (\n          <label\n            class='searchcraft-select-label'\n            id={this.labelId || `${this.inputId}-label`}\n            htmlFor={this.inputId}\n          >\n            {this.label}\n          </label>\n        )}\n        <div class='searchcraft-select-input-wrapper'>\n          <select\n            aria-labelledby={\n              this.label ? this.labelId || `${this.inputId}-label` : undefined\n            }\n            class='searchcraft-select-input'\n            disabled={this.disabled}\n            id={this.inputId}\n            name={this.name}\n            onChange={this.handleSelectChange}\n          >\n            {(typeof this.options === 'string'\n              ? JSON.parse(this.options)\n              : this.options\n            ).map(({ label, value, selected }) => {\n              return (\n                <option key={value} value={value} selected={selected}>\n                  {label}\n                </option>\n              );\n            })}\n          </select>\n          <svg\n            class='searchcraft-select-input-icon'\n            width='20'\n            height='20'\n            viewBox='0 0 20 20'\n            fill='none'\n            xmlns='http://www.w3.org/2000/svg'\n          >\n            <title>Select dropdown icon</title>\n            <path\n              d='M5 7.5L10 12.5L15 7.5'\n              stroke='currentColor'\n              stroke-width='1.5'\n              stroke-linecap='round'\n              stroke-linejoin='round'\n            />\n          </svg>\n        </div>\n        {this.caption && (\n          <p class='searchcraft-select-caption'>{this.caption}</p>\n        )}\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/p-c1c14447.js.map

@@ -1 +0,0 @@
-{"file":"p-c1c14447.js","mappings":"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","names":[],"sources":["src/components/searchcraft-input-form/searchcraft-input-form.tsx"],"sourcesContent":["import {\n  Component,\n  h,\n  Prop,\n  State,\n  Event,\n  type EventEmitter,\n  Watch,\n} from '@stencil/core';\nimport classNames from 'classnames';\n\nimport type { SearchcraftCore } from '@searchcraft/core';\n\nimport { parseCustomStyles } from '@utils';\nimport { searchcraftStore } from '@store';\n\n/**\n * This web component provides a user-friendly interface for querying an indexed dataset, enabling users to easily search large collections of data.\n * It abstracts the complexities of index-based searching, making it accessible to users of all technical levels.\n *\n * ## Usage\n * ```html\n * <!-- index.html -->\n * <searchcraft-input-form placeholder-value=\"Search here\" />\n * ```\n *\n * ```js\n * // index.js\n * const searchInputForm = document.querySelector('searchcraft-input-form');\n *\n * ```\n */\n@Component({\n  tag: 'searchcraft-input-form',\n  shadow: false,\n})\nexport class SearchcraftInput {\n  /**\n   * Whether or not to automatically submit the search term when the input changes.\n   */\n  @Prop() autoSearch = true;\n  /**\n   * Where to place the search button.\n   */\n  @Prop() buttonPlacement: 'left' | 'right' | 'none' = 'none';\n  /**\n   * The label for the submit button.\n   */\n  @Prop() buttonLabel?: string;\n  /**\n   * The label rendered above the input.\n   */\n  @Prop() inputLabel?: string;\n  /**\n   * A custom styles object to be applied to the input element.\n   */\n  @Prop() customStyles: string | Record<string, string> = {};\n  /**\n   * The input element's placeholder value.\n   */\n  @Prop() placeholderValue = 'Enter Search';\n  /**\n   * When the input becomes focused.\n   */\n  @Event() inputFocus?: EventEmitter<void>;\n  /**\n   * When the input becomes unfocused.\n   */\n  @Event() inputBlur?: EventEmitter<void>;\n  /**\n   * Event emitted when input initializes.\n   */\n  @Event() inputInit?: EventEmitter<void>;\n\n  @State() inputValue = '';\n  @State() searchTerm = '';\n  @State() error = false;\n\n  @Prop() core?: SearchcraftCore;\n\n  private searchStore = searchcraftStore.getState();\n\n  init() {\n    if (this.core) {\n      this.searchStore.initialize(this.core);\n      this.inputInit?.emit();\n    }\n  }\n\n  connectedCallback() {\n    this.init();\n  }\n\n  @Watch('core')\n  onCoreChange() {\n    this.init();\n  }\n\n  handleOnInput = (event: Event) => {\n    const input = event.target as HTMLInputElement;\n    this.inputValue = input.value;\n\n    if (!this.autoSearch) {\n      return;\n    }\n\n    this.performSearch(input.value);\n  };\n\n  private performSearch = async (value: string) => {\n    if (value === searchcraftStore.getState().searchTerm) {\n      return;\n    }\n\n    this.searchTerm = value.trim();\n    this.error = false;\n    this.searchStore.setSearchTerm(this.searchTerm);\n\n    try {\n      await this.searchStore.search();\n    } catch (error) {\n      console.log(error);\n      this.error = true;\n    }\n  };\n\n  handleClearInput = () => {\n    this.inputValue = '';\n    this.searchTerm = '';\n    this.searchStore.setSearchTerm('');\n    this.searchStore.setSearchClientResponseItems([]);\n    this.error = false;\n  };\n\n  handleFormSubmit = async (event: Event) => {\n    event.preventDefault();\n    await this.performSearch(this.searchTerm);\n  };\n\n  render() {\n    const validatedCustomStyles = parseCustomStyles(this.customStyles);\n\n    const isShowingClearButton = this.inputValue.length > 0;\n\n    const inputGridClassNames = classNames('searchcraft-input-grid', {\n      'searchcraft-input-grid-buttonLeft': this.buttonPlacement === 'left',\n      'searchcraft-input-grid-buttonRight': this.buttonPlacement === 'right',\n      'searchcraft-input-grid-buttonNone': this.buttonPlacement === 'none',\n    });\n\n    const shouldHaveVerticalGap = this.inputLabel || this.error;\n    const inputGridStyles = {\n      gap: shouldHaveVerticalGap ? '4px 8px' : '0px 8px',\n    };\n\n    return (\n      <form class='searchcraft-input-form' onSubmit={this.handleFormSubmit}>\n        <div class={inputGridClassNames} style={inputGridStyles}>\n          <div class='searchcraft-input-button-wrapper'>\n            <searchcraft-button\n              onButtonClick={this.handleFormSubmit}\n              label={this.buttonLabel}\n            />\n          </div>\n          {this.inputLabel && (\n            <div class='searchcraft-input-label-wrapper'>\n              <searchcraft-input-label label={this.inputLabel} />\n            </div>\n          )}\n          {this.error && (\n            <div class='searchcraft-input-error-wrapper'>\n              <searchcraft-error-message errorMessage='Something went wrong.' />\n            </div>\n          )}\n          <div class='searchcraft-input-wrapper'>\n            <input\n              autoComplete='off'\n              class='searchcraft-input'\n              onFocus={() => this.inputFocus?.emit()}\n              onBlur={() => this.inputBlur?.emit()}\n              onInput={(event) => {\n                this.handleOnInput(event);\n              }}\n              placeholder={this.placeholderValue}\n              style={validatedCustomStyles}\n              type='text'\n              value={this.inputValue}\n            />\n            <div class='searchcraft-input-search-icon-wrapper'>\n              <svg\n                class='searchcraft-input-search-icon'\n                viewBox='0 0 20 20'\n                fill='none'\n                xmlns='http://www.w3.org/2000/svg'\n                aria-labelledby='searchcraft-title'\n              >\n                <title id='searchcraft-title'>\n                  Searchcraft Search Icon Light\n                </title>\n                <path\n                  d='M17.5 17.5L13.875 13.875M15.8333 9.16667C15.8333 12.8486 12.8486 15.8333 9.16667 15.8333C5.48477 15.8333 2.5 12.8486 2.5 9.16667C2.5 5.48477 5.48477 2.5 9.16667 2.5C12.8486 2.5 15.8333 5.48477 15.8333 9.16667Z'\n                  stroke='currentColor'\n                  stroke-width='1.5'\n                  stroke-linecap='round'\n                  stroke-linejoin='round'\n                />\n              </svg>\n            </div>\n            {isShowingClearButton && (\n              <button\n                type='button'\n                class='searchcraft-input-clear-button'\n                onClick={this.handleClearInput}\n              >\n                <svg\n                  class='searchcraft-input-clear-icon'\n                  viewBox='0 0 22 22'\n                  fill='none'\n                  xmlns='http://www.w3.org/2000/svg'\n                  aria-labelledby='icon-title'\n                >\n                  <title id='icon-title'>\n                    Searchcraft Clear Input Icon Light\n                  </title>\n                  <path\n                    d='M14 8L8 14M8 8L14 14M21 11C21 16.5228 16.5228 21 11 21C5.47715 21 1 16.5228 1 11C1 5.47715 5.47715 1 11 1C16.5228 1 21 5.47715 21 11Z'\n                    stroke='currentColor'\n                    stroke-width='1.5'\n                    stroke-linecap='round'\n                    stroke-linejoin='round'\n                  />\n                </svg>\n              </button>\n            )}\n          </div>\n        </div>\n      </form>\n    );\n  }\n}\n"],"version":3}

package/dist/components/p-d9551738.js

@@ -1,25 +0,0 @@
-function parseCustomStyles(styles) {
-    if (typeof styles === 'string') {
-        try {
-            return JSON.parse(styles);
-        }
-        catch (error) {
-            console.error('Invalid customStyles format:', styles);
-            return {};
-        }
-    }
-    return styles || {};
-}
-function serializeStyles(styles) {
-    try {
-        return JSON.stringify(styles);
-    }
-    catch (error) {
-        console.error('Error serializing styles:', error);
-        return '{}';
-    }
-}
-
-export { parseCustomStyles as p, serializeStyles as s };
-
-//# sourceMappingURL=p-d9551738.js.map

package/dist/components/p-d9551738.js.map

@@ -1 +0,0 @@
-{"file":"p-d9551738.js","mappings":"SAAgB,iBAAiB,CAC/B,MAAuC;IAEvC,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;QAC9B,IAAI;YACF,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;SAC3B;QAAC,OAAO,KAAK,EAAE;YACd,OAAO,CAAC,KAAK,CAAC,8BAA8B,EAAE,MAAM,CAAC,CAAC;YACtD,OAAO,EAAE,CAAC;SACX;KACF;IACD,OAAO,MAAM,IAAI,EAAE,CAAC;AACtB,CAAC;SAEe,eAAe,CAC7B,MAA8C;IAE9C,IAAI;QACF,OAAO,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;KAC/B;IAAC,OAAO,KAAK,EAAE;QACd,OAAO,CAAC,KAAK,CAAC,2BAA2B,EAAE,KAAK,CAAC,CAAC;QAClD,OAAO,IAAI,CAAC;KACb;AACH;;;;","names":[],"sources":["src/utils/styles.ts"],"sourcesContent":["export function parseCustomStyles(\n  styles: string | Record<string, string>,\n): Record<string, string> {\n  if (typeof styles === 'string') {\n    try {\n      return JSON.parse(styles);\n    } catch (error) {\n      console.error('Invalid customStyles format:', styles);\n      return {};\n    }\n  }\n  return styles || {};\n}\n\nexport function serializeStyles(\n  styles: Record<string, Record<string, string>>,\n): string {\n  try {\n    return JSON.stringify(styles);\n  } catch (error) {\n    console.error('Error serializing styles:', error);\n    return '{}';\n  }\n}\n"],"version":3}

package/dist/components/p-e55a7970.js.map

@@ -1 +0,0 @@
-{"file":"p-e55a7970.js","mappings":";;;MAgBa,qBAAqB;;;;;;;;IAIxB,mBAAmB,GAAI,EAAE,CAAC;IAC1B,KAAK,GAAG,EAAE,CAAC;IAEnB,MAAM;QACJ,QACE,8DACE,KAAK,EAAE,UAAU,CAAC,yBAAyB,EAAE,IAAI,CAAC,mBAAmB,CAAC,EACtE,OAAO,EAAC,sBAAsB,IAE7B,IAAI,CAAC,KAAK,CACL,EACR;KACH;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/searchcraft-input-label/searchcraft-input-label.tsx"],"sourcesContent":["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}

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

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

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

@@ -1,8 +0,0 @@
-import { S as SearchcraftBaseSearchResult$1, d as defineCustomElement$1 } from './p-9bdcb929.js';
-
-const SearchcraftBaseSearchResult = SearchcraftBaseSearchResult$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SearchcraftBaseSearchResult, defineCustomElement };
-
-//# sourceMappingURL=searchcraft-base-search-result.js.map

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

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

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

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

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

@@ -1,225 +0,0 @@
-import { p as proxyCustomElement, H, h } from './p-5365011f.js';
-import { s as searchcraftStore } from './p-2e293015.js';
-import { s as serializeStyles } from './p-d9551738.js';
-import { d as defineCustomElement$4 } from './p-10b0d0dc.js';
-import { d as defineCustomElement$3 } from './p-9bdcb929.js';
-import { d as defineCustomElement$2 } from './p-0e393fe1.js';
-
-const SearchcraftBaseSearchResults$1 = /*@__PURE__*/ proxyCustomElement(class SearchcraftBaseSearchResults extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-    }
-    /**
-     * 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;
-    searchTerm = '';
-    searchClientResponseItems;
-    adClientResponseItems = [];
-    searchResultsPerPage;
-    searchResultsPage;
-    isSearchInProgress = true;
-    config;
-    unsubscribe = () => { };
-    get serializedStyles() {
-        let serializedStyles = '';
-        if (this.customStylesForResults) {
-            serializedStyles =
-                typeof this.customStylesForResults === 'string'
-                    ? this.customStylesForResults
-                    : serializeStyles(this.customStylesForResults);
-        }
-        return serializedStyles;
-    }
-    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;
-    }
-    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;
-        this.config = state.core?.config;
-        this.isSearchInProgress = state.isSearchInProgress;
-    }
-    renderEmptyState() {
-        return (h("div", { class: 'searchcraft-search-results-empty-state-container' }, h("slot", { name: 'empty-search' })));
-    }
-    renderNoResultsFoundState() {
-        return (h("div", { class: 'searchcraft-search-results-container' }, h("div", { class: 'searchcraft-search-results-error-message-container' }, h("searchcraft-error-message", { "error-message": `No search results found for "${this.searchTerm}" query` }))));
-    }
-    renderWithADMAds() {
-        return (h("div", { class: 'searchcraft-search-results-container' }, this.adClientResponseItems?.map((item) => (h("searchcraft-ad", { adSource: 'adMarketplace', adClientResponseItem: item, key: item.id }))), 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 })))));
-    }
-    renderWithCustomAds() {
-        const itemsToRender = [];
-        const interstitialInterval = this.config?.customAdInterstitialInterval || 0;
-        const interstitialQuantity = this.config?.customAdInterstitialQuantity || 1;
-        const adStartQuantity = this.config?.customAdStartQuantity || 0;
-        const adEndQuantity = this.config?.customAdEndQuantity || 0;
-        const searchItems = this.searchClientResponseItems || [];
-        // Renders ads at beginning
-        for (let n = 0; n < adStartQuantity; n++) {
-            itemsToRender.push(h("searchcraft-ad", { adSource: 'Custom', key: `${n}-ad` }));
-        }
-        // Renders search results + interstitial ads
-        searchItems.forEach((item, index) => {
-            if (interstitialInterval &&
-                index % interstitialInterval === 0 &&
-                index + interstitialInterval < searchItems.length &&
-                index >= interstitialInterval) {
-                for (let n = 0; n < interstitialQuantity; n++) {
-                    itemsToRender.push(h("searchcraft-ad", { adSource: 'Custom', 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: 'Custom', key: `${n}-ad` }));
-        }
-        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 })))));
-    }
-    render() {
-        if (this.searchTerm.trim() === '') {
-            return this.renderEmptyState();
-        }
-        if (this.searchTerm.length > 0 &&
-            (this.searchClientResponseItems || []).length === 0 &&
-            !this.isSearchInProgress) {
-            return this.renderNoResultsFoundState();
-        }
-        switch (this.config?.adSource || 'None') {
-            case 'adMarketplace':
-                return this.renderWithADMAds();
-            case 'Custom':
-                return this.renderWithCustomAds();
-            case 'Nativo':
-                return this.renderWithNativoAds();
-            default:
-                return this.renderWithNoAds();
-        }
-    }
-}, [4, "searchcraft-base-search-results", {
-        "customStylesForResults": [1, "custom-styles-for-results"],
-        "searchResultMappings": [16],
-        "resultImagePlacement": [1, "result-image-placement"],
-        "buttonLabel": [1, "button-label"],
-        "buttonTarget": [1, "button-target"],
-        "buttonRel": [1, "button-rel"],
-        "containerTarget": [1, "container-target"],
-        "containerRel": [1, "container-rel"],
-        "searchTerm": [32],
-        "searchClientResponseItems": [32],
-        "adClientResponseItems": [32],
-        "searchResultsPerPage": [32],
-        "searchResultsPage": [32],
-        "isSearchInProgress": [32],
-        "config": [32]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["searchcraft-base-search-results", "searchcraft-ad", "searchcraft-base-search-result", "searchcraft-error-message"];
-    components.forEach(tagName => { switch (tagName) {
-        case "searchcraft-base-search-results":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SearchcraftBaseSearchResults$1);
-            }
-            break;
-        case "searchcraft-ad":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "searchcraft-base-search-result":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "searchcraft-error-message":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const SearchcraftBaseSearchResults = SearchcraftBaseSearchResults$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SearchcraftBaseSearchResults, defineCustomElement };
-
-//# sourceMappingURL=searchcraft-base-search-results.js.map

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

@@ -1 +0,0 @@
-{"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/types/components/searchcraft-base-search-result/searchcraft-base-search-result.d.ts

@@ -1,55 +0,0 @@
-import type { SearchClientResponseItem, SearchDocument } from '@searchcraft/core';
-import type { SearchResultMappings } from '@searchcraft/core';
-/**
- * This web component is designed to display detailed information for a single search result.
- * Once a query is submitted, the component formats and presents the result.
- * It is consumed within the `searchcraft-base-search-results` component.
- */
-export declare class SearchcraftBaseSearchResult {
-    item?: SearchClientResponseItem;
-    searchResultMappings?: SearchResultMappings;
-    /**
-     * Where to open the link for the containing element.
-     */
-    containerTarget: '_blank' | '_self' | '_top' | '_parent';
-    /**
-     * The relationship between the current document and the link for the containing element.
-     */
-    containerRel?: 'noreferrer' | 'noopener' | 'nofollow';
-    /**
-     * Where to open the link for the button rendered when containerHref is not present.
-     */
-    buttonTarget: '_blank' | '_self' | '_top' | '_parent';
-    /**
-     * The relationship between the current document and the link for the button rendered when containerHref is not present.
-     */
-    buttonRel?: 'noreferrer' | 'noopener' | 'nofollow';
-    /**
-     * The placement of the image.
-     */
-    imagePlacement: 'left' | 'right';
-    /**
-     * A custom styles object.
-     */
-    customStyles?: string;
-    /**
-     * The position in the document. Used with the "document_clicked" measure event.
-     */
-    documentPosition: number;
-    titleContent: string | undefined;
-    subtitleContent: string | undefined;
-    bodyContent: string | undefined;
-    footerContent: string | undefined;
-    buttonLabel: string | undefined;
-    buttonHref: string | undefined;
-    containerHref: string | undefined;
-    imageSrc: string | undefined;
-    imageAlt: string | undefined;
-    private searchcraftStore;
-    connectedCallback(): void;
-    mapValuesFromDocument(document: SearchDocument): void;
-    private handleLinkClick;
-    private parseStyles;
-    render(): any;
-}
-//# sourceMappingURL=searchcraft-base-search-result.d.ts.map

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

@@ -1,89 +0,0 @@
-import type { AdClientResponseItem, SearchClientResponseItem, SearchcraftConfig } from '@searchcraft/core';
-import { type SearchcraftState } from "../../store/index";
-import type { SearchResultMappings } from '@searchcraft/core';
-/**
- * This web component is responsible for displaying the results of a search query.
- * Once a query is submitted, the component formats and presents an ordered list of the results.
- *
- * ## Usage
- * ```html
- * <!-- index.html -->
- * <searchcraft-base-search-results
- *   ad-interval="4"
- *   place-ad-at-start="false"
- *   result-image-placement="right"
- * />
- * ```
- *
- * ```js
- * // index.js
- * const baseSearchResults = document.querySelector('searchcraft-base-search-results');
- *
- * baseSearchResults.searchResultMappings = containerHref: {
- *   fieldNames: [
- *    {
- *      fieldName: 'canonical_link',
- *      dataType: 'text',
- *    },
- *  ],
- * };
- *
- * baseSearchResults.addEventListener('noResults', () => {
- *   console.log('No search results found');
- * });
- * ```
- */
-export declare class SearchcraftBaseSearchResults {
-    /**
-     * A custom styles object.
-     */
-    customStylesForResults?: string | Record<string, Record<string, string>>;
-    /**
-     * Formats the content rendered for each result.
-     */
-    searchResultMappings?: SearchResultMappings;
-    /**
-     * The placement of the image for each result.
-     */
-    resultImagePlacement: 'left' | 'right';
-    /**
-     * The label for the button rendered when containerHref is not present for each result.
-     */
-    buttonLabel?: string;
-    /**
-     * Where to open the link for the button rendered when containerHref is not present for each result.
-     */
-    buttonTarget: '_blank' | '_self' | '_top' | '_parent';
-    /**
-     * The relationship between the current document and the link for the button rendered when containerHref is not present for each result.
-     */
-    buttonRel?: 'noreferrer' | 'noopener' | 'nofollow';
-    /**
-     * Where to open the link for the containing element for each result.
-     */
-    containerTarget: '_blank' | '_self' | '_top' | '_parent';
-    /**
-     * The relationship between the current document and the link for the containing element for each result.
-     */
-    containerRel?: 'noreferrer' | 'noopener' | 'nofollow';
-    searchTerm: string;
-    searchClientResponseItems?: SearchClientResponseItem[];
-    adClientResponseItems: AdClientResponseItem[];
-    searchResultsPerPage: any;
-    searchResultsPage: any;
-    isSearchInProgress: boolean;
-    config?: SearchcraftConfig;
-    private unsubscribe;
-    get serializedStyles(): string;
-    componentDidLoad(): void;
-    disconnectedCallback(): void;
-    handleStateChange(state: SearchcraftState): void;
-    renderEmptyState(): any;
-    renderNoResultsFoundState(): any;
-    renderWithADMAds(): any;
-    renderWithCustomAds(): any;
-    renderWithNativoAds(): any;
-    renderWithNoAds(): any;
-    render(): any;
-}
-//# sourceMappingURL=searchcraft-base-search-results.d.ts.map