@searchcraft/javascript-sdk 0.1.0 → 0.1.1

package/dist/searchcraft-javascript-sdk/p-c0cb5bb1.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["searchcraftAutoSearchFormModuleCss","SearchcraftAutoSearchFormStyle0","SearchcraftAutoSearchForm","this","debounceTimeout","debounceDelay","searchStore","useSearchcraftStore","getState","handleInputChange","event","query","detail","querySubmit","emit","clearTimeout","setTimeout","console","log","runSearch","handleClearInput","clearInput","error","searchResults","async","trim","setQuery","search","JSON","stringify","handleFormSubmit","preventDefault","apiKey","endpointURL","index","componentDidLoad","searchcraft","SearchcraftCore","config","initialize","render","formClass","rightToLeftOrientation","parsedCustomStyles","parseCustomStyles","customStylesForInput","h","key","class","onSubmit","label","labelForInput","customStyles","inputCaptionValue","onClearInput","onSearchInputChange","placeholderValue","errorMessage","searchcraftBaseSearchResultModuleCss","SearchcraftBaseSearchResultStyle0","SearchcraftBaseSearchResult","handleButtonClick","buttonCallbackFn","handleContainerClick","interactiveResult","callbackFn","isLightTheme","theme","id","onClick","onKeyDown","keyDownCallbackFn","tabindex","type","alt","imageAltText","src","imageSrc","resultHeading","resultSubheading","resultBodyContent","buttonLabel","searchcraftBaseSearchResultsModuleCss","SearchcraftBaseSearchResultsStyle0","SearchcraftBaseSearchResults","unsubscribe","subscribe","state","Object","assign","disconnectedCallback","_a","data","warn","_d","_c","_b","hits","map","document","doc","result","poster","overview","title","release_date","length","_g","_f","_e","SearchcraftClearIconSet","width","height","viewBox","fill","xmlns","d","stroke","searchcraftClearInputButtonModuleCss","SearchcraftClearInputButtonStyle0","SearchcraftClearInputButton","handleClearClick","classNames","isRequesting","searchcraftErrorMessageModuleCss","SearchcraftErrorMessageStyle0","SearchcraftErrorMessage","errorMessageStyle","searchcraftInputModuleCss","SearchcraftInputStyle0","SearchcraftInput","input","target","searchInputChange","value","containerClassName","inputClassName","validatedCustomStyles","placeholderStyle","fontSize","placeholderFontSize","formClassName","Fragment","onChange","bind","placeholder","style","inputCaptionClassName","searchcraftInputCaptionModuleCss","SearchcraftInputCaptionStyle0","SearchcraftInputCaption","searchcraftInputIconModuleCss","SearchcraftInputIconStyle0","SearchcraftInputIcon","searchcraftInputLabelModuleCss","SearchcraftInputLabelStyle0","SearchcraftInputLabel","labelStyle","inputLabelClassName","htmlFor","SearchcraftSearchIconSet","searchcraftSpinnerDarkModuleCss","SearchcraftSpinnerDarkStyle0","SearchcraftSpinnerDark","searchcraftSpinnerLightModuleCss","SearchcraftSpinnerLightStyle0","SearchcraftSpinnerLight"],"sources":["src/components/searchcraft-auto-search-form/searchcraft-auto-search-form.module.scss?tag=searchcraft-auto-search-form&encapsulation=shadow","src/components/searchcraft-auto-search-form/searchcraft-auto-search-form.tsx","src/components/searchcraft-base-search-result/searchcraft-base-search-result.module.scss?tag=searchcraft-base-search-result&encapsulation=shadow","src/components/searchcraft-base-search-result/searchcraft-base-search-result.tsx","src/components/searchcraft-base-search-results/searchcraft-base-search-results.module.scss?tag=searchcraft-base-search-results&encapsulation=shadow","src/components/searchcraft-base-search-results/searchcraft-base-search-results.tsx","src/assets/searchcraft-clear-icon-set.tsx","src/components/searchcraft-clear-input-button/searchcraft-clear-input-button.module.scss?tag=searchcraft-clear-input-button&encapsulation=shadow","src/components/searchcraft-clear-input-button/searchcraft-clear-input-button.tsx","src/components/searchcraft-error-message/searchcraft-error-message.module.scss?tag=searchcraft-error-message&encapsulation=shadow","src/components/searchcraft-error-message/searchcraft-error-message.tsx","src/components/searchcraft-input/searchcraft-input.module.scss?tag=searchcraft-input&encapsulation=shadow","src/components/searchcraft-input/searchcraft-input.tsx","src/components/searchcraft-input-caption/searchcraft-input-caption.module.scss?tag=searchcraft-input-caption&encapsulation=shadow","src/components/searchcraft-input-caption/searchcraft-input-caption.tsx","src/components/searchcraft-input-icon/searchcraft-input-icon.module.scss?tag=searchcraft-input-icon&encapsulation=shadow","src/components/searchcraft-input-icon/searchcraft-input-icon.tsx","src/components/searchcraft-input-label/searchcraft-input-label.module.scss?tag=searchcraft-input-label&encapsulation=shadow","src/components/searchcraft-input-label/searchcraft-input-label.tsx","src/assets/searchcraft-search-icon-set.tsx","src/components/searchcraft-spinner-dark/searchcraft-spinner-dark.module.scss?tag=searchcraft-spinner-dark&encapsulation=shadow","src/components/searchcraft-spinner-dark/searchcraft-spinner-dark.tsx","src/components/searchcraft-spinner-light/searchcraft-spinner-light.module.scss?tag=searchcraft-spinner-light&encapsulation=shadow","src/components/searchcraft-spinner-light/searchcraft-spinner-light.tsx"],"sourcesContent":[":root {\n  --font-stack: Helvetica, Arial, sans-serif;\n}\n\n.formLTR {\n  text-align: left;\n  width: 100%;\n}\n\n.formRTL {\n  text-align: right;\n  width: 100%;\n}\n\n.searchContainer {\n  align-items: center;\n  display: flex;\n  width: 100%;\n}","import {\n  Component,\n  Prop,\n  State,\n  Event,\n  type EventEmitter,\n  h,\n} from '@stencil/core';\nimport {\n  type CoreConfigSDK,\n  CoreSDK as SearchcraftCore,\n} from '@searchcraft/core';\n\nimport type { ScInputCustomEvent } from '@components/searchcraft-input/searchcraft-input';\nimport { parseCustomStyles } from '@utils/utils';\nimport { useSearchcraftStore } from '@provider/store';\n\n@Component({\n  tag: 'searchcraft-auto-search-form',\n  styleUrl: 'searchcraft-auto-search-form.module.scss',\n  shadow: true,\n})\nexport class SearchcraftAutoSearchForm {\n  @Prop() autoSearchFormClass = '';\n  @Prop() clearInput: () => void = () => {};\n  @Prop() config: CoreConfigSDK = {\n    apiKey: '',\n    endpointURL: '',\n    index: [],\n  };\n  @Prop() customStylesForInput: string | Record<string, string> = {};\n  @Prop() inputCaptionValue = '';\n  @Prop() labelForInput = '';\n  @Prop() placeholderValue = 'Search here';\n  @Prop() rightToLeftOrientation = false;\n  @Prop() searchContainerClass = '';\n\n  @Event() querySubmit: EventEmitter<string>;\n\n  @State() error = false;\n  @State() query = '';\n  @State() searchResults = '';\n\n  private debounceTimeout: ReturnType<typeof setTimeout> | null = null;\n  private debounceDelay = 300; // 300ms debounce delay\n  private searchStore = useSearchcraftStore.getState();\n\n  componentDidLoad() {\n    const searchcraft = new SearchcraftCore(this.config);\n    this.searchStore.initialize(searchcraft, true);\n    console.log('Component initialized');\n  }\n\n  handleInputChange = (event: ScInputCustomEvent<string>) => {\n    this.query = event.detail;\n    this.querySubmit.emit(this.query);\n\n    // Clear the previous debounce timeout\n    if (this.debounceTimeout) {\n      clearTimeout(this.debounceTimeout);\n    }\n\n    // Set a new debounce timeout\n    this.debounceTimeout = setTimeout(() => {\n      console.log('Debounced search triggered');\n      this.runSearch();\n    }, this.debounceDelay);\n  };\n\n  handleClearInput = () => {\n    this.query = '';\n    console.log('Input cleared');\n\n    if (typeof this.clearInput === 'function') {\n      this.clearInput();\n    }\n\n    if (this.debounceTimeout) {\n      clearTimeout(this.debounceTimeout);\n    }\n\n    this.error = false;\n    this.searchResults = '';\n  };\n\n  private runSearch = async () => {\n    if (this.query.trim() === '') {\n      this.error = true;\n      this.searchResults = '';\n    } else {\n      this.error = false;\n      this.searchStore.setQuery(this.query);\n\n      try {\n        await this.searchStore.search();\n        this.searchResults = JSON.stringify(this.searchStore.searchResults);\n      } catch (error) {\n        this.error = true;\n      }\n    }\n  };\n\n  handleFormSubmit = async (event: Event) => {\n    event.preventDefault();\n    await this.runSearch();\n  };\n\n  render() {\n    const formClass = this.rightToLeftOrientation ? 'formRTL' : 'formLTR';\n    const parsedCustomStyles = parseCustomStyles(this.customStylesForInput);\n    return (\n      <form class={`${formClass}`} onSubmit={this.handleFormSubmit}>\n        <searchcraft-input-label label={this.labelForInput} />\n        <div class='searchContainer'>\n          <searchcraft-input\n            customStyles={parsedCustomStyles}\n            input-caption-value={this.inputCaptionValue}\n            onClearInput={this.handleClearInput}\n            onSearchInputChange={this.handleInputChange}\n            placeholder-value={this.placeholderValue}\n            query={this.query}\n            right-to-left-orientation={this.rightToLeftOrientation}\n          />\n        </div>\n        {this.error && (\n          <searchcraft-error-message errorMessage='Please enter a search query.' />\n        )}\n      </form>\n    );\n  }\n}\n","@import '../../utils/theme';\n\n:root {\n  --font-stack: Helvetica, Arial, sans-serif;\n}\n\n@mixin interactive-result-container-base {\n  align-items: flex-start;\n  border-radius: 16px;\n  display: flex;\n  position: relative;\n  flex-direction: column;\n  gap: 16px;\n  padding: 8px;\n\n  @media (min-width: 600px) {\n    flex-direction: row;\n  }\n}\n\n.interactiveResultContainerLight {\n  background-color: $light-search-result-container-background;\n  @include interactive-result-container-base;\n}\n\n.interactiveResultContainerDark {\n  background-color: $dark-search-result-container-background;\n  @include interactive-result-container-base;\n}\n\n.resultContainer {\n  align-items: flex-start;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n\n  @media (min-width: 600px) {\n    flex-direction: row;\n  }\n}\n\n.interactiveIconLarge {\n  display: inline-block;\n  position: absolute;\n  right: 5px;\n  top: 8px;\n\n\n  @media (max-width: 600px) {\n   display: none;\n  }\n}\n\n.interactiveIconSmall {\n  position: absolute;\n  right: 5px;\n  top: -2px;\n  display: inline-block;\n\n\n  @media (min-width: 600px) {\n   display: none;\n  }\n}\n\n.imageContainer {\n  max-height: 540px;\n  max-width: 100%;\n\n  @media (min-width: 600px) {\n    max-height: 100%;\n    max-width: 50%;\n  }\n}\n\n.contentContainer {\n  max-height: 100%;\n  max-width: 100%;\n\n  @media (min-width: 600px) {\n    max-width: 50%;\n  }\n}\n\n@mixin image-base {\n  aspect-ratio: 2 / 1;\n  border-radius: 8px;\n  max-height: 100%;\n  max-width: 100%;\n}\n\n.imageLight {\n  @include image-base;\n  border: 1px solid $light-search-result-image-border;\n}\n\n.imageDark {\n  @include image-base;\n  border: 1px solid $dark-search-result-image-border;\n}\n\n@mixin heading-base {\n  font-family: var(--font-stack);\n  font-size: 16px;\n  font-weight: 700;\n  line-height: 20px;\n  margin-bottom: 4px;\n  margin-top: 0px;\n  position: relative;\n}\n\n.headingLight {\n  @include heading-base;\n  color: $light-search-result-heading-color;\n}\n\n.headingDark {\n  @include heading-base;\n  color: $dark-search-result-heading-color;\n}\n\n@mixin subheading-base {\n  font-family: var(--font-stack);\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 16px;\n  margin-bottom: 4px;\n  margin-top: 0px;\n}\n\n.subheadingLight {\n  @include subheading-base;\n  color: $light-search-result-subheading-color;\n}\n\n.subheadingDark {\n  @include subheading-base;\n  color: $dark-search-result-subheading-color\n}\n\n@mixin body-content-base {\n  font-family: var(--font-stack);\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 20px;\n  margin-bottom: 4px;\n  margin-top: 0px;\n}\n\n.bodyContentLight {\n  @include body-content-base;\n  color: $light-search-result-body-content-color;\n}\n\n.bodyContentDark {\n  @include body-content-base;\n  color: $dark-search-result-body-content-color;\n}","import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'searchcraft-base-search-result',\n  styleUrl: 'searchcraft-base-search-result.module.scss',\n  shadow: true,\n})\nexport class SearchcraftBaseSearchResult {\n  @Prop() buttonCallbackFn: () => void = () => {};\n  @Prop() buttonLabel = '';\n  @Prop() callbackFn: () => void = () => {};\n  @Prop() imageAltText = '';\n  @Prop() imageSrc = '';\n  @Prop() interactiveResult = false;\n  @Prop() keyDownCallbackFn: () => void = () => {};\n  @Prop() resultBodyContent = '';\n  @Prop() resultHeading = '';\n  @Prop() resultSubheading = '';\n  @Prop() theme: 'light' | 'dark' = 'light'; // Simulating theme context.\n\n  private handleButtonClick = () => {\n    this.buttonCallbackFn();\n  };\n\n  private handleContainerClick = () => {\n    if (this.interactiveResult) {\n      this.callbackFn();\n    }\n  };\n\n  render() {\n    const isLightTheme = this.theme === 'light';\n\n    return (\n      <div\n        class={\n          this.interactiveResult\n            ? isLightTheme\n              ? 'interactiveResultContainerLight'\n              : 'interactiveResultContainerDark'\n            : 'resultContainer'\n        }\n        id='searchcraft-item'\n        onClick={this.handleContainerClick}\n        onKeyDown={this.keyDownCallbackFn}\n        tabindex='0'\n      >\n        {this.interactiveResult && (\n          <div class='interactiveIconLarge'>\n            {isLightTheme ? (\n              <searchcraft-clear-icon-set type='arrow-light' />\n            ) : (\n              <searchcraft-clear-icon-set type='arrow-dark' />\n            )}\n          </div>\n        )}\n        <div class='imageContainer'>\n          <img\n            alt={this.imageAltText}\n            class={isLightTheme ? 'imageLight' : 'imageDark'}\n            src={this.imageSrc}\n          />\n        </div>\n        <div class='contentContainer'>\n          <h2 class={isLightTheme ? 'headingLight' : 'headingDark'}>\n            {this.resultHeading}\n            {this.interactiveResult && (\n              <div class='interactiveIconSmall'>\n                {isLightTheme ? (\n                  <searchcraft-clear-icon-set type='arrow-light' />\n                ) : (\n                  <searchcraft-clear-icon-set type='arrow-dark' />\n                )}\n              </div>\n            )}\n          </h2>\n          <h3 class={isLightTheme ? 'subheadingLight' : 'subheadingDark'}>\n            {this.resultSubheading}\n          </h3>\n          <p class={isLightTheme ? 'bodyContentLight' : 'bodyContentDark'}>\n            {this.resultBodyContent}\n          </p>\n          <button onClick={this.handleButtonClick} type='button'>\n            {this.buttonLabel}\n          </button>\n        </div>\n      </div>\n    );\n  }\n}\n",":root {\n  --font-stack: Helvetica, Arial, sans-serif;\n}\n\n.resultsContainer {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  margin: 100px 20px;\n\n  & > p {\n    align-self: center;\n  }\n\n  & > div {\n    margin-bottom: 20px;\n    img {\n      height: 300px;\n      width: 200px;\n    }\n  }\n}\n","import { Component, h, State } from '@stencil/core';\nimport type { SearchResult } from '@searchcraft/core';\n\nimport { useSearchcraftStore } from '@provider/store';\n\n@Component({\n  tag: 'searchcraft-base-search-results',\n  styleUrl: 'searchcraft-base-search-results.module.scss',\n  shadow: true,\n})\nexport class SearchcraftBaseSearchResults {\n  @State() query = '';\n  @State() searchResults: SearchResult | null = null;\n  private unsubscribe: () => void;\n\n  componentDidLoad() {\n    // Subscribe to state changes\n    this.unsubscribe = useSearchcraftStore.subscribe((state) => {\n      console.log('Store updated:', state);\n      this.searchResults = { ...state.searchResults };\n      this.query = state.query;\n    });\n\n    // Fetch initial state\n    const { searchResults, query } = useSearchcraftStore.getState();\n    console.log('Initial state:', searchResults, query);\n    this.searchResults = searchResults;\n    this.query = query;\n  }\n\n  disconnectedCallback() {\n    if (this.unsubscribe) {\n      this.unsubscribe();\n    }\n  }\n\n  render() {\n    if (!this.searchResults?.data) {\n      console.warn('No search results data available');\n      return <div>No results to display.</div>;\n    }\n    return (\n      <div class='resultsContainer'>\n        {this.searchResults?.data?.hits?.map((document, index) => {\n          const { doc: result } = document;\n          return (\n            <searchcraft-base-search-result\n              key={`${result?.id}-${index}`}\n              button-label='View More'\n              callback-fn={() => console.log('interactive element')}\n              button-callback-fn={() => console.log('button callback')}\n              interactive-result={true}\n              image-src={result?.poster}\n              result-body-content={result?.overview}\n              result-heading={result?.title}\n              result-subheading={result?.release_date}\n            />\n          );\n        })}\n        {this.query.length > 0 &&\n          this.searchResults?.data?.hits?.length === 0 && (\n            <searchcraft-error-message\n              error-message={`No search results found for \"${this.query}\" query`}\n            />\n          )}\n      </div>\n    );\n  }\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'searchcraft-clear-icon-set',\n  shadow: true,\n})\nexport class SearchcraftClearIconSet {\n  /**\n   * Type of the icon to display.\n   * Options: 'clear-light', 'clear-dark', 'arrow-light', 'arrow-dark'\n   */\n  @Prop() type: 'clear-light' | 'clear-dark' | 'arrow-light' | 'arrow-dark' =\n    'clear-light';\n\n  render() {\n    switch (this.type) {\n      case 'clear-light':\n        return (\n          <svg\n            width='22'\n            height='22'\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'>Searchcraft Clear Input Icon Light</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='black'\n              stroke-width='1.5'\n              stroke-linecap='round'\n              stroke-linejoin='round'\n            />\n          </svg>\n        );\n      case 'clear-dark':\n        return (\n          <svg\n            width='22'\n            height='22'\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'>Searchcraft Clear Input Icon Dark</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='white'\n              stroke-width='1.5'\n              stroke-linecap='round'\n              stroke-linejoin='round'\n            />\n          </svg>\n        );\n      case 'arrow-light':\n        return (\n          <svg\n            width='20'\n            height='21'\n            viewBox='0 0 20 21'\n            fill='none'\n            xmlns='http://www.w3.org/2000/svg'\n            aria-labelledby='icon-title'\n          >\n            <title id='icon-title'>Searchcraft Arrow Right Icon Light</title>\n            <path\n              d='M7.5 15.0444L12.5 10.0444L7.5 5.04443'\n              stroke='#737373'\n              stroke-width='1.5'\n              stroke-linecap='round'\n              stroke-linejoin='round'\n            />\n          </svg>\n        );\n      case 'arrow-dark':\n        return (\n          <svg\n            width='8'\n            height='12'\n            viewBox='0 0 8 12'\n            fill='none'\n            xmlns='http://www.w3.org/2000/svg'\n            aria-labelledby='icon-title'\n          >\n            <title id='icon-title'>Searchcraft Arrow Right Icon Dark</title>\n            <path\n              d='M1.5 11L6.5 6L1.5 1'\n              stroke='#BFBFBF'\n              stroke-width='1.5'\n              stroke-linecap='round'\n              stroke-linejoin='round'\n            />\n          </svg>\n        );\n\n      default:\n        return null;\n    }\n  }\n}\n",":root {\n  --font-stack: Helvetica, Arial, sans-serif;\n}\n\n.inputClearButtonLTR {\n  align-items: center;\n  background: none;\n  border: none;\n  display: flex;\n  height: 20px;\n  justify-content: center;\n  padding: 0;\n  position: absolute;\n  right: 25px;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 20px;\n}\n\n.inputClearButtonRTL {\n  align-items: center;\n  background: none;\n  border: none;\n  display: flex;\n  height: 20px;\n  justify-content: center;\n  left: 25px;\n  padding: 0;\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 20px;\n}","import {\n  Component,\n  Event,\n  type EventEmitter,\n  Prop,\n  h,\n  State,\n} from '@stencil/core';\nimport classNames from 'classnames';\n\n@Component({\n  tag: 'searchcraft-clear-input-button',\n  styleUrl: 'searchcraft-clear-input-button.module.scss',\n  shadow: true,\n})\nexport class SearchcraftClearInputButton {\n  @Prop() isRequesting? = false;\n  @Prop() rightToLeftOrientation = false;\n\n  // Updated `clearInput` to an EventEmitter\n  @Event() clearInput: EventEmitter<void>;\n\n  @State() theme = 'light';\n\n  private isLightTheme() {\n    return this.theme === 'light';\n  }\n\n  // Added a click handler to emit the event\n  private handleClearClick = (event: MouseEvent) => {\n    event.preventDefault(); // Prevent default if necessary\n    this.clearInput.emit(); // Emit the event\n  };\n\n  render() {\n    return this.rightToLeftOrientation ? (\n      <button\n        class={classNames('inputClearButtonRTL', '.sc-clear-input-button-rtl')}\n        onClick={this.handleClearClick}\n        type='button'\n      >\n        {this.isRequesting ? (\n          this.isLightTheme ? (\n            <searchcraft-spinner-light />\n          ) : (\n            <searchcraft-spinner-dark />\n          )\n        ) : this.isLightTheme ? (\n          <searchcraft-clear-icon-set type='clear-light' />\n        ) : (\n          <searchcraft-clear-icon-set type='clear-dark' />\n        )}\n      </button>\n    ) : (\n      <button\n        class={classNames('inputClearButtonLTR', '.sc-clear-input-button-ltr')}\n        onClick={this.handleClearClick}\n        type='button'\n      >\n        {this.isRequesting ? (\n          this.isLightTheme ? (\n            <searchcraft-spinner-light />\n          ) : (\n            <searchcraft-spinner-dark />\n          )\n        ) : this.isLightTheme ? (\n          <searchcraft-clear-icon-set type='clear-light' />\n        ) : (\n          <searchcraft-clear-icon-set type='clear-dark' />\n        )}\n      </button>\n    );\n  }\n}\n","@import '../../utils/theme';\n\n:root {\n  --font-stack: Helvetica, Arial, sans-serif;\n}\n\n@mixin error-message-base {\n  font-family: var(--font-stack);\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 16px;\n  margin-top: 4px;\n}\n\n.errorMessageLight {\n  @include error-message-base;\n  color: $light-input-caption-color-error;\n}\n\n.errorMessageDark {\n  @include error-message-base;\n  color: $dark-input-caption-color-error;\n}","import { Component, Prop, h } from '@stencil/core';\nimport classNames from 'classnames';\n\n@Component({\n  tag: 'searchcraft-error-message',\n  styleUrl: 'searchcraft-error-message.module.scss',\n  shadow: true,\n})\nexport class SearchcraftErrorMessage {\n  /**\n   * The error message to display. Defaults to a standard message if not provided.\n   */\n  @Prop() errorMessage?: string;\n\n  /**\n   * The theme, which determines the style (light or dark).\n   */\n  @Prop() theme: 'light' | 'dark' = 'light';\n\n  render() {\n    const errorMessageStyle =\n      this.theme === 'light' ? 'errorMessageLight' : 'errorMessageDark';\n\n    return (\n      <p class={classNames(errorMessageStyle)}>\n        {this.errorMessage || 'Search term is required.'}\n      </p>\n    );\n  }\n}\n","@import '../../utils/theme';\n\n:root {\n  --font-stack: Helvetica, Arial, sans-serif;\n}\n\n@mixin input-container-base {\n  position: relative;\n  width: 100%;\n}\n\n@mixin input-base {\n  border: none;\n  border-radius: 8px;\n  font-family: var(--font-stack);\n  outline: none;\n  padding-bottom: 15px;\n  padding-top: 15px;\n  width: 100%;\n\n  &::placeholder {\n    font-family: var(--font-stack);\n    font-size: 16px;\n  }\n}\n\n@mixin input-base-light {\n  @include input-base;\n  background-color: $light-input-background-color;\n  color: $light-input-label-color;\n\n  &::placeholder {\n    color: $light-input-placeholder-color;\n  }\n\n  &:focus {\n    outline: 2px solid $light-input-outline-focus;\n  }\n}\n\n@mixin input-base-dark {\n  @include input-base;\n  background-color: $dark-input-background-color;\n  color: $dark-input-label-color;\n\n  &::placeholder {\n    color: $dark-input-placeholder-color;\n  }\n\n  &:focus {\n    outline: 2px solid $dark-input-outline-focus;\n  }\n}\n\n@mixin input-error-base-light {\n  @include input-base-light;\n  outline: 2px solid $light-input-error-outline;\n\n  &:focus-visible {\n    outline: 2px solid $light-input-error-outline,\n  }\n}\n\n@mixin input-error-base-dark {\n  @include input-base-dark;\n  outline: 2px solid $dark-input-error-outline;\n\n  &:focus-visible {\n    outline: 2px solid $dark-input-error-outline;\n  }\n}\n\n.inputContainerLTR {\n  @include input-container-base;\n}\n\n.inputContainerRTL {\n  @include input-container-base;\n  margin-left: 8px;\n}\n\n@mixin align-LTR {\n  margin-right: 8px;\n  padding-left: 36px;\n  padding-right: 16px;\n}\n\n.inputLightLTR {\n  @include input-base-light;\n  @include align-LTR;\n}\n\n.inputDarkLTR {\n  @include input-base-dark;\n  @include align-LTR;\n}\n\n.inputErrorLightLTR {\n  @include input-error-base-light;\n  @include align-LTR;\n}\n\n.inputErrorDarkLTR {\n  @include input-error-base-dark;\n  @include align-LTR;\n}\n\n@mixin align-RTL {\n  margin-left: 8px;\n  padding-left: 16px;\n  padding-right: 36px;\n  text-align: right;\n}\n\n.inputLightRTL {\n  @include input-base-light;\n  @include align-RTL;\n}\n\n.inputDarkRTL {\n  @include input-base-dark;\n  @include align-RTL;\n}\n\n.inputErrorLightRTL {\n  @include input-error-base-light;\n  @include align-RTL;\n}\n\n.inputErrorDarkRTL {\n  @include input-error-base-dark;\n  @include align-RTL;\n}\n\n.inputWrapper {\n  align-items: center;\n  display: flex;\n  position: relative;\n  width: 100%;\n}\n","import {\n  Component,\n  h,\n  Prop,\n  State,\n  Event,\n  Fragment,\n  type EventEmitter,\n} from '@stencil/core';\nimport classNames from 'classnames';\n\nimport { parseCustomStyles } from '@utils/utils';\n\nexport interface ScInputCustomEvent<T> extends CustomEvent<T> {\n  detail: T;\n  target: HTMLSearchcraftInputElement;\n}\n\n@Component({\n  tag: 'searchcraft-input',\n  styleUrl: 'searchcraft-input.module.scss',\n  shadow: true,\n})\nexport class SearchcraftInput {\n  @Prop() customStyles: string | Record<string, string> = {};\n  @Prop() error = false;\n  @Prop() formClassName = '';\n  @Prop() inputCaptionClassName = '';\n  @Prop() inputCaptionValue = '';\n  @Prop() inputClassName = '';\n  @Prop() placeholderValue = 'Enter Search';\n  @Prop() rightToLeftOrientation = false;\n  @Prop() query = '';\n\n  @Event() clearInput: EventEmitter<void>;\n  @Event() searchInputChange: EventEmitter<string>;\n\n  @State() theme = 'light';\n\n  private get isLightTheme() {\n    return this.theme === 'light';\n  }\n\n  handleInputChange(event: Event) {\n    const input = event.target as HTMLInputElement;\n    this.searchInputChange.emit(input.value);\n  }\n\n  handleClearInput() {\n    if (this.clearInput) {\n      this.clearInput.emit();\n    }\n  }\n\n  render() {\n    const containerClassName = this.rightToLeftOrientation\n      ? 'inputContainerRTL'\n      : 'inputContainerLTR';\n\n    const inputClassName = classNames(\n      this.error\n        ? this.isLightTheme\n          ? 'inputErrorLightRTL'\n          : 'inputErrorDarkRTL'\n        : this.isLightTheme\n          ? 'inputLightLTR'\n          : 'inputDarkLTR',\n      'searchcraft-input',\n    );\n\n    const validatedCustomStyles = parseCustomStyles(this.customStyles);\n\n    const placeholderStyle = {\n      fontSize: validatedCustomStyles.placeholderFontSize || '16px',\n    };\n    return (\n      <div\n        class={classNames(\n          containerClassName,\n          this.formClassName,\n          'searchcraft-input-form',\n        )}\n      >\n        {this.rightToLeftOrientation ? (\n          <Fragment>\n            <input\n              class={classNames(inputClassName, 'searchcraft-input')}\n              id='searchcraft-input-id'\n              onChange={this.handleInputChange.bind(this)}\n              placeholder={this.placeholderValue}\n              type='text'\n              value={this.query}\n              style={validatedCustomStyles}\n            />\n            <style>\n              {`\n                #searchcraft-input-id::placeholder {\n                  font-size: ${placeholderStyle.fontSize};\n                }\n              `}\n            </style>\n            {this.inputCaptionValue && (\n              <searchcraft-input-caption\n                inputCaptionClassName={this.inputCaptionClassName}\n                inputCaptionValue={this.inputCaptionValue}\n                rightToLeftOrientation={this.rightToLeftOrientation}\n              />\n            )}\n            {this.query.length > 0 && (\n              <searchcraft-clear-input-button\n                onClearInput={this.handleClearInput}\n                rightToLeftOrientation={this.rightToLeftOrientation}\n              />\n            )}\n            <searchcraft-input-icon\n              error={this.error}\n              rightToLeftOrientation={this.rightToLeftOrientation}\n            />\n          </Fragment>\n        ) : (\n          <div class='inputWrapper'>\n            <searchcraft-input-icon\n              error={this.error}\n              rightToLeftOrientation={this.rightToLeftOrientation}\n            />\n            <input\n              class={classNames(inputClassName, 'searchcraft-input')}\n              id='searchcraft-input-id'\n              onChange={this.handleInputChange.bind(this)}\n              placeholder={this.placeholderValue}\n              type='text'\n              value={this.query}\n              style={validatedCustomStyles}\n            />\n            <style>\n              {`\n                #searchcraft-input-id::placeholder {\n                  font-size: ${placeholderStyle.fontSize};\n                }\n              `}\n            </style>\n            {this.inputCaptionValue && (\n              <searchcraft-input-caption\n                inputCaptionClassName={this.inputCaptionClassName}\n                inputCaptionValue={this.inputCaptionValue}\n                rightToLeftOrientation={this.rightToLeftOrientation}\n              />\n            )}\n            {this.query.length > 0 && (\n              <searchcraft-clear-input-button\n                onClearInput={this.handleClearInput}\n                rightToLeftOrientation={this.rightToLeftOrientation}\n              />\n            )}\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n","@import '../../utils/theme';\n\n:root {\n  --font-stack: Helvetica, Arial, sans-serif;\n}\n\n@mixin input-caption-base {\n  font-family: var(--font-stack);\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 16px;\n  margin-top: 4px;\n}\n\n@mixin input-caption-base-light {\n  @include input-caption-base;\n  color: $light-input-caption-color;\n}\n\n@mixin input-caption-base-dark {\n  @include input-caption-base;\n  color: $dark-input-caption-color;\n}\n\n.inputCaptionLightLTR {\n  @include input-caption-base-light;\n}\n\n.inputCaptionDarkLTR {\n  @include input-caption-base-dark;\n}\n\n.inputCaptionErrorLightLTR {\n  @include input-caption-base;\n  color: $light-input-caption-color-error;\n}\n\n.inputCaptionErrorDarkLTR {\n  @include input-caption-base;\n  color: $dark-input-caption-color-error;\n}\n\n.inputCaptionLightRTL {\n  @include input-caption-base-light;\n  text-align: right;\n}\n\n.inputCaptionDarkRTL {\n  @include input-caption-base-dark;\n  text-align: right;\n}\n\n.inputCaptionErrorLightRTL {\n  @include input-caption-base;\n  color: $light-input-caption-color-error;\n  text-align: right;\n}\n\n.inputCaptionErrorDarkRTL {\n  @include input-caption-base;\n  color: $dark-input-caption-color-error;\n  text-align: right;\n}","import { Component, Prop, h, State } from '@stencil/core';\nimport classNames from 'classnames';\n\n@Component({\n  tag: 'searchcraft-input-caption',\n  styleUrl: 'searchcraft-input-caption.module.scss',\n  shadow: true,\n})\nexport class SearchcraftInputCaption {\n  @Prop() error?: boolean;\n  @Prop() inputCaptionClassName? = '';\n  @Prop() inputCaptionValue = 'Enter Search';\n  @Prop() rightToLeftOrientation = false;\n  @State() theme = 'light';\n\n  private isLightTheme() {\n    return this.theme === 'light';\n  }\n\n  render() {\n    return this.rightToLeftOrientation ? (\n      <p\n        class={classNames(\n          this.error\n            ? this.isLightTheme\n              ? 'inputCaptionErrorLightRTL'\n              : 'inputCaptionErrorDarkRTL'\n            : this.isLightTheme\n              ? 'inputCaptionLightRTL'\n              : 'inputCaptionDarkRTL',\n          this.inputCaptionClassName,\n          '.searchcraft-input-caption',\n        )}\n      >\n        {this.inputCaptionValue}\n      </p>\n    ) : (\n      <p\n        class={classNames(\n          this.error\n            ? this.isLightTheme\n              ? 'inputCaptionErrorLightLTR'\n              : 'inputCaptionErrorDarkLTR'\n            : this.isLightTheme\n              ? 'inputCaptionLightLTR'\n              : 'inputCaptionDarkLTR',\n          this.inputCaptionClassName,\n          '.searchcraft-input-caption',\n        )}\n      >\n        {this.inputCaptionValue}\n      </p>\n    );\n  }\n}\n",":root {\n  --font-stack: Helvetica, Arial, sans-serif;\n}\n\n.inputIconLTR {\n  height: 20px;\n  left: 10px;\n  position: absolute;\n  top: 11px;\n  width: 20px;\n}\n\n.inputIconRTL {\n  height: 20px;\n  position: absolute;\n  right: 10px;\n  top: 11px;\n  width: 20px;\n}","import { Component, Prop, h, State } from '@stencil/core';\n\n@Component({\n  tag: 'searchcraft-input-icon',\n  styleUrl: 'searchcraft-input-icon.module.scss',\n  shadow: true,\n})\nexport class SearchcraftInputIcon {\n  @Prop() error?: boolean;\n  @Prop() rightToLeftOrientation = false;\n  @State() theme = 'light';\n\n  private isLightTheme() {\n    return this.theme === 'light';\n  }\n\n  render() {\n    return this.error ? (\n      <div\n        class={this.rightToLeftOrientation ? 'inputIconRTL' : 'inputIconLTR'}\n      >\n        {this.isLightTheme ? (\n          <searchcraft-search-icon-set type='error-light' />\n        ) : (\n          <searchcraft-search-icon-set type='error-dark' />\n        )}\n      </div>\n    ) : (\n      <div\n        class={this.rightToLeftOrientation ? 'inputIconRTL' : 'inputIconLTR'}\n      >\n        {this.isLightTheme ? (\n          <searchcraft-search-icon-set type='search-light' />\n        ) : (\n          <searchcraft-search-icon-set type='search-dark' />\n        )}\n      </div>\n    );\n  }\n}\n","@import '../../utils/theme';\n\n:root {\n  --font-stack: Helvetica, Arial, sans-serif;\n}\n\n@mixin input-label-base {\n  font-family: var(--font-stack);\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 16px;\n  margin-top: 4px;\n}\n\n.labelLight {\n  @include input-label-base;\n  color: $light-input-label-color;\n}\n\n.labelDark {\n  @include input-label-base;\n  color: $dark-input-label-color;\n}","import { Component, Prop, h, State } from '@stencil/core';\nimport classNames from 'classnames';\n\n@Component({\n  tag: 'searchcraft-input-label',\n  styleUrl: 'searchcraft-input-label.module.scss',\n  shadow: true,\n})\nexport class SearchcraftInputLabel {\n  @Prop() inputLabelClassName? = '';\n  @Prop() label?: string; // Make label optional\n  @State() theme = 'light';\n\n  private isLightTheme() {\n    return this.theme === 'light';\n  }\n\n  render() {\n    // Render nothing if no label prop is provided\n    if (!this.label) {\n      return null;\n    }\n\n    const labelStyle = this.isLightTheme() ? 'labelLight' : 'labelDark';\n\n    return (\n      <label\n        class={classNames(labelStyle, this.inputLabelClassName)}\n        htmlFor='searchcraft-input-id'\n      >\n        {this.label}\n      </label>\n    );\n  }\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'searchcraft-search-icon-set',\n  shadow: true,\n})\nexport class SearchcraftSearchIconSet {\n  /**\n   * Type of the icon to display.\n   * Options: ''search-light', search-dark', 'error-light', 'error-dark'\n   */\n  @Prop() type: 'search-light' | 'search-dark' | 'error-light' | 'error-dark' =\n    'search-dark';\n\n  render() {\n    switch (this.type) {\n      case 'search-light':\n        return (\n          <svg\n            width='20'\n            height='20'\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'>Searchcraft Search Icon Light</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='#404040'\n              stroke-width='1.5'\n              stroke-linecap='round'\n              stroke-linejoin='round'\n            />\n          </svg>\n        );\n      case 'search-dark':\n        return (\n          <svg\n            width='18'\n            height='18'\n            viewBox='0 0 18 18'\n            fill='none'\n            xmlns='http://www.w3.org/2000/svg'\n            aria-labelledby='searchcraft-title'\n          >\n            <title id='searchcraft-title'>Searchcraft Search Icon Dark</title>\n            <path\n              d='M16.5 16.5L12.875 12.875M14.8333 8.16667C14.8333 11.8486 11.8486 14.8333 8.16667 14.8333C4.48477 14.8333 1.5 11.8486 1.5 8.16667C1.5 4.48477 4.48477 1.5 8.16667 1.5C11.8486 1.5 14.8333 4.48477 14.8333 8.16667Z'\n              stroke='#E6E6E6'\n              stroke-width='1.5'\n              stroke-linecap='round'\n              stroke-linejoin='round'\n            />\n          </svg>\n        );\n      case 'error-light':\n        return (\n          <svg\n            width='20'\n            height='20'\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 Error 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='#737373'\n              stroke-width='1.5'\n              stroke-linecap='round'\n              stroke-linejoin='round'\n            />\n          </svg>\n        );\n      case 'error-dark':\n        return (\n          <svg\n            width='18'\n            height='18'\n            viewBox='0 0 18 18'\n            fill='none'\n            xmlns='http://www.w3.org/2000/svg'\n            aria-labelledby='searchcraft-title'\n          >\n            <title id='searchcraft-title'>\n              Searchcraft Error Search Icon Dark\n            </title>\n            <path\n              d='M16.5 16.5L12.875 12.875M14.8333 8.16667C14.8333 11.8486 11.8486 14.8333 8.16667 14.8333C4.48477 14.8333 1.5 11.8486 1.5 8.16667C1.5 4.48477 4.48477 1.5 8.16667 1.5C11.8486 1.5 14.8333 4.48477 14.8333 8.16667Z'\n              stroke='#BFBFBF'\n              stroke-width='1.5'\n              stroke-linecap='round'\n              stroke-linejoin='round'\n            />\n          </svg>\n        );\n      default:\n        return null;\n    }\n  }\n}\n","$spinner-size: 20px;\n\n.spinnerContainer {\n  background-color: transparent;\n  height: $spinner-size;\n  width: $spinner-size;\n}\n\n.spinnerDark {\n  height: 100%;\n  width: 100%;\n  background: conic-gradient(#000 50%, #FFFFFF);\n  clip-path: circle(50%);\n  mask-image: radial-gradient(circle at center, rgba(0,0,0,0) calc($spinner-size/3), rgba(0,0,0,1) calc($spinner-size/3));\n  animation: spinning 1s linear infinite;\n}\n\n.spinnerLight {\n  height: 100%;\n  width: 100%;\n  background: conic-gradient(#737373 50%, #FFFFFF);\n  clip-path: circle(50%);\n  mask-image: radial-gradient(circle at center, rgba(0,0,0,0) calc($spinner-size/3), rgba(0,0,0,1) calc($spinner-size/3));\n  animation: spinning 1s linear infinite;\n}\n\n@keyframes spinning {\n  0% { transform: rotate(0deg); }\n  50% {transform: rotate(180deg);}\n  100% { transform: rotate(360deg); }\n}","import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'searchcraft-spinner-dark',\n  styleUrl: 'searchcraft-spinner-dark.module.scss',\n  shadow: true,\n})\nexport class SearchcraftSpinnerDark {\n  render() {\n    return (\n      <div class='spinnerContainer'>\n        <div class='spinnerDark' />\n      </div>\n    );\n  }\n}\n","$spinner-size: 20px;\n\n.spinnerContainer {\n  background-color: transparent;\n  height: $spinner-size;\n  width: $spinner-size;\n}\n\n.spinnerLight {\n  height: 100%;\n  width: 100%;\n  background: conic-gradient(#737373 50%, #FFFFFF);\n  clip-path: circle(50%);\n  mask-image: radial-gradient(circle at center, rgba(0,0,0,0) calc($spinner-size/3), rgba(0,0,0,1) calc($spinner-size/3));\n  animation: spinning 1s linear infinite;\n}\n\n@keyframes spinning {\n  0% { transform: rotate(0deg); }\n  50% {transform: rotate(180deg);}\n  100% { transform: rotate(360deg); }\n}","import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'searchcraft-spinner-light',\n  styleUrl: 'searchcraft-spinner-light.module.scss',\n  shadow: true,\n})\nexport class SearchcraftSpinnerLight {\n  render() {\n    return (\n      <div class='spinnerContainer'>\n        <div class='spinnerLight' />\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/searchcraft-javascript-sdk/searchcraft-javascript-sdk.esm.js

@@ -1,2 +1,2 @@
-import{p as e,b as t}from"./p-8e9ba2cf.js";export{s as setNonce}from"./p-8e9ba2cf.js";import{g as a}from"./p-e1255160.js";var r=()=>{const t=import.meta.url;const a={};if(t!==""){a.resourcesUrl=new URL(".",t).href}return e(a)};r().then((async e=>{await a();return t([["p-9545c59a",[[1,"sc-base-search-form",{config:[16],errorMessage:[1,"error-message"],labelForInput:[1,"label-for-input"],rightToLeftOrientation:[4,"right-to-left-orientation"],error:[32],query:[32],searchResults:[32]}],[1,"sc-base-search-results",{query:[32],searchResults:[32]}],[1,"sc-button",{iconElement:[16],iconOnly:[4,"icon-only"],iconPosition:[1,"icon-position"],label:[1],isRequesting:[32],theme:[32]}],[1,"sc-base-search-result",{buttonCallbackFn:[16],buttonLabel:[1,"button-label"],callbackFn:[16],imageAltText:[1,"image-alt-text"],imageSrc:[1,"image-src"],interactiveResult:[4,"interactive-result"],keyDownCallbackFn:[16],resultBodyContent:[1,"result-body-content"],resultHeading:[1,"result-heading"],resultSubheading:[1,"result-subheading"],theme:[1]}],[1,"sc-input-label",{inputLabelClassName:[1,"input-label-class-name"],label:[1],theme:[32]}],[1,"sc-input",{error:[4],formClassName:[1,"form-class-name"],inputCaptionClassName:[1,"input-caption-class-name"],inputCaptionValue:[1,"input-caption-value"],inputClassName:[1,"input-class-name"],placeholderValue:[1,"placeholder-value"],rightToLeftOrientation:[4,"right-to-left-orientation"],query:[1],theme:[32]}],[1,"sc-error-message",{errorMessage:[1,"error-message"],theme:[1]}],[1,"sc-spinner-dark"],[1,"sc-clear-input-button",{isRequesting:[4,"is-requesting"],rightToLeftOrientation:[4,"right-to-left-orientation"],theme:[32]}],[1,"sc-input-caption",{error:[4],inputCaptionClassName:[1,"input-caption-class-name"],inputCaptionValue:[1,"input-caption-value"],rightToLeftOrientation:[4,"right-to-left-orientation"],theme:[32]}],[1,"sc-input-icon",{error:[4],rightToLeftOrientation:[4,"right-to-left-orientation"],theme:[32]}]]],["p-f7dbb9a8",[[1,"sc-auto-search-form",{autoSearchFormClass:[1,"auto-search-form-class"],clearInput:[16],config:[16],inputCaptionValue:[1,"input-caption-value"],labelForInput:[1,"label-for-input"],placeholderValue:[1,"placeholder-value"],rightToLeftOrientation:[4,"right-to-left-orientation"],searchContainerClass:[1,"search-container-class"],error:[32],query:[32],searchResults:[32]}]]],["p-c632f66c",[[1,"sc-spinner-light"]]]],e)}));
+import{p as e,b as t}from"./p-329c3f66.js";export{s as setNonce}from"./p-329c3f66.js";import{g as a}from"./p-e1255160.js";var r=()=>{const t=import.meta.url;const a={};if(t!==""){a.resourcesUrl=new URL(".",t).href}return e(a)};r().then((async e=>{await a();return t([["p-c0cb5bb1",[[1,"searchcraft-auto-search-form",{autoSearchFormClass:[1,"auto-search-form-class"],clearInput:[16],config:[16],customStylesForInput:[1,"custom-styles-for-input"],inputCaptionValue:[1,"input-caption-value"],labelForInput:[1,"label-for-input"],placeholderValue:[1,"placeholder-value"],rightToLeftOrientation:[4,"right-to-left-orientation"],searchContainerClass:[1,"search-container-class"],error:[32],query:[32],searchResults:[32]}],[1,"searchcraft-base-search-results",{query:[32],searchResults:[32]}],[1,"searchcraft-base-search-result",{buttonCallbackFn:[16],buttonLabel:[1,"button-label"],callbackFn:[16],imageAltText:[1,"image-alt-text"],imageSrc:[1,"image-src"],interactiveResult:[4,"interactive-result"],keyDownCallbackFn:[16],resultBodyContent:[1,"result-body-content"],resultHeading:[1,"result-heading"],resultSubheading:[1,"result-subheading"],theme:[1]}],[1,"searchcraft-input",{customStyles:[1,"custom-styles"],error:[4],formClassName:[1,"form-class-name"],inputCaptionClassName:[1,"input-caption-class-name"],inputCaptionValue:[1,"input-caption-value"],inputClassName:[1,"input-class-name"],placeholderValue:[1,"placeholder-value"],rightToLeftOrientation:[4,"right-to-left-orientation"],query:[1],theme:[32]}],[1,"searchcraft-input-label",{inputLabelClassName:[1,"input-label-class-name"],label:[1],theme:[32]}],[1,"searchcraft-clear-input-button",{isRequesting:[4,"is-requesting"],rightToLeftOrientation:[4,"right-to-left-orientation"],theme:[32]}],[1,"searchcraft-input-icon",{error:[4],rightToLeftOrientation:[4,"right-to-left-orientation"],theme:[32]}],[1,"searchcraft-error-message",{errorMessage:[1,"error-message"],theme:[1]}],[1,"searchcraft-input-caption",{error:[4],inputCaptionClassName:[1,"input-caption-class-name"],inputCaptionValue:[1,"input-caption-value"],rightToLeftOrientation:[4,"right-to-left-orientation"],theme:[32]}],[1,"searchcraft-search-icon-set",{type:[1]}],[1,"searchcraft-spinner-light"],[1,"searchcraft-spinner-dark"],[1,"searchcraft-clear-icon-set",{type:[1]}]]],["p-0a8c2538",[[1,"searchcraft-base-search-form",{config:[16],errorMessage:[1,"error-message"],labelForInput:[1,"label-for-input"],rightToLeftOrientation:[4,"right-to-left-orientation"],error:[32],query:[32],searchResults:[32]}]]],["p-4d18a44a",[[1,"searchcraft-button-icon"]]],["p-40791ead",[[1,"searchcraft-button",{iconElement:[16],iconOnly:[4,"icon-only"],iconPosition:[1,"icon-position"],label:[1],isRequesting:[32],theme:[32]}]]]],e)}));
 //# sourceMappingURL=searchcraft-javascript-sdk.esm.js.map

package/dist/searchcraft-javascript-sdk/searchcraft-javascript-sdk.esm.js.map

@@ -1 +1 @@
-{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","async","options","globalScripts","bootstrapLazy","config","errorMessage","labelForInput","rightToLeftOrientation","error","query","searchResults","iconElement","iconOnly","iconPosition","label","isRequesting","theme","buttonCallbackFn","buttonLabel","callbackFn","imageAltText","imageSrc","interactiveResult","keyDownCallbackFn","resultBodyContent","resultHeading","resultSubheading","inputLabelClassName","formClassName","inputCaptionClassName","inputCaptionValue","inputClassName","placeholderValue","autoSearchFormClass","clearInput","searchContainerClass"],"sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.22.3 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"0HAOA,IAAIA,EAAe,KAUjB,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACrBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACjD,CACE,OAAOC,EAAeJ,EAAK,EClB7BH,IAAeQ,MAAKC,MAAOC,UACnBC,IACN,OAAOC,EAAc,yCAAuC,CAAAC,OAAA,KAAAC,aAAA,oBAAAC,cAAA,sBAAAC,uBAAA,gCAAAC,MAAA,KAAAC,MAAA,KAAAC,cAAA,oCAAAD,MAAA,KAAAC,cAAA,uBAAAC,YAAA,KAAAC,SAAA,gBAAAC,aAAA,oBAAAC,MAAA,IAAAC,aAAA,KAAAC,MAAA,mCAAAC,iBAAA,KAAAC,YAAA,mBAAAC,WAAA,KAAAC,aAAA,qBAAAC,SAAA,gBAAAC,kBAAA,yBAAAC,kBAAA,KAAAC,kBAAA,0BAAAC,cAAA,qBAAAC,iBAAA,wBAAAV,MAAA,2BAAAW,oBAAA,6BAAAb,MAAA,IAAAE,MAAA,sBAAAR,MAAA,IAAAoB,cAAA,sBAAAC,sBAAA,+BAAAC,kBAAA,0BAAAC,eAAA,uBAAAC,iBAAA,wBAAAzB,uBAAA,gCAAAE,MAAA,IAAAO,MAAA,8BAAAX,aAAA,oBAAAW,MAAA,wDAAAD,aAAA,oBAAAR,uBAAA,gCAAAS,MAAA,8BAAAR,MAAA,IAAAqB,sBAAA,+BAAAC,kBAAA,0BAAAvB,uBAAA,gCAAAS,MAAA,2BAAAR,MAAA,IAAAD,uBAAA,gCAAAS,MAAA,kDAAAiB,oBAAA,6BAAAC,WAAA,KAAA9B,OAAA,KAAA0B,kBAAA,0BAAAxB,cAAA,sBAAA0B,iBAAA,wBAAAzB,uBAAA,gCAAA4B,qBAAA,6BAAA3B,MAAA,KAAAC,MAAA,KAAAC,cAAA,kDAAAT,EAAA","ignoreList":[]}
+{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","async","options","globalScripts","bootstrapLazy","autoSearchFormClass","clearInput","config","customStylesForInput","inputCaptionValue","labelForInput","placeholderValue","rightToLeftOrientation","searchContainerClass","error","query","searchResults","buttonCallbackFn","buttonLabel","callbackFn","imageAltText","imageSrc","interactiveResult","keyDownCallbackFn","resultBodyContent","resultHeading","resultSubheading","theme","customStyles","formClassName","inputCaptionClassName","inputClassName","inputLabelClassName","label","isRequesting","errorMessage","type","iconElement","iconOnly","iconPosition"],"sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.22.3 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"0HAOA,IAAIA,EAAe,KAUjB,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACrBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACjD,CACE,OAAOC,EAAeJ,EAAK,EClB7BH,IAAeQ,MAAKC,MAAOC,UACnBC,IACN,OAAOC,EAAc,kDAAuC,CAAAC,oBAAA,6BAAAC,WAAA,KAAAC,OAAA,KAAAC,qBAAA,8BAAAC,kBAAA,0BAAAC,cAAA,sBAAAC,iBAAA,wBAAAC,uBAAA,gCAAAC,qBAAA,6BAAAC,MAAA,KAAAC,MAAA,KAAAC,cAAA,6CAAAD,MAAA,KAAAC,cAAA,4CAAAC,iBAAA,KAAAC,YAAA,mBAAAC,WAAA,KAAAC,aAAA,qBAAAC,SAAA,gBAAAC,kBAAA,yBAAAC,kBAAA,KAAAC,kBAAA,0BAAAC,cAAA,qBAAAC,iBAAA,wBAAAC,MAAA,8BAAAC,aAAA,oBAAAd,MAAA,IAAAe,cAAA,sBAAAC,sBAAA,+BAAArB,kBAAA,0BAAAsB,eAAA,uBAAApB,iBAAA,wBAAAC,uBAAA,gCAAAG,MAAA,IAAAY,MAAA,qCAAAK,oBAAA,6BAAAC,MAAA,IAAAN,MAAA,4CAAAO,aAAA,oBAAAtB,uBAAA,gCAAAe,MAAA,oCAAAb,MAAA,IAAAF,uBAAA,gCAAAe,MAAA,uCAAAQ,aAAA,oBAAAR,MAAA,sCAAAb,MAAA,IAAAgB,sBAAA,+BAAArB,kBAAA,0BAAAG,uBAAA,gCAAAe,MAAA,yCAAAS,KAAA,sGAAAA,KAAA,0DAAA7B,OAAA,KAAA4B,aAAA,oBAAAzB,cAAA,sBAAAE,uBAAA,gCAAAE,MAAA,KAAAC,MAAA,KAAAC,cAAA,gGAAAqB,YAAA,KAAAC,SAAA,gBAAAC,aAAA,oBAAAN,MAAA,IAAAC,aAAA,KAAAP,MAAA,UAAAzB,EAAA","ignoreList":[]}

package/dist/types/assets/searchcraft-button-icons.d.ts

@@ -0,0 +1,3 @@
+export declare class SearchcraftButtonIcon {
+    render(): any;
+}

package/dist/types/assets/searchcraft-clear-icon-set.d.ts

@@ -0,0 +1,8 @@
+export declare class SearchcraftClearIconSet {
+    /**
+     * Type of the icon to display.
+     * Options: 'clear-light', 'clear-dark', 'arrow-light', 'arrow-dark'
+     */
+    type: 'clear-light' | 'clear-dark' | 'arrow-light' | 'arrow-dark';
+    render(): any;
+}

package/dist/types/assets/searchcraft-search-icon-set.d.ts

@@ -0,0 +1,8 @@
+export declare class SearchcraftSearchIconSet {
+    /**
+     * Type of the icon to display.
+     * Options: ''search-light', search-dark', 'error-light', 'error-dark'
+     */
+    type: 'search-light' | 'search-dark' | 'error-light' | 'error-dark';
+    render(): any;
+}

package/dist/types/components/{sc-auto-search-form/sc-auto-search-form.d.ts → searchcraft-auto-search-form/searchcraft-auto-search-form.d.ts}

@@ -1,41 +1,27 @@
 import { type EventEmitter } from '../../stencil-public-runtime';
 import { type CoreConfigSDK } from '@searchcraft/core';
-import type { ScInputCustomEvent } from "../sc-input/sc-input";
-export declare class ScAutoSearchForm {
+import type { ScInputCustomEvent } from "../searchcraft-input/searchcraft-input";
+export declare class SearchcraftAutoSearchForm {
     autoSearchFormClass: string;
     clearInput: () => void;
     config: CoreConfigSDK;
+    customStylesForInput: string | Record<string, string>;
     inputCaptionValue: string;
     labelForInput: string;
     placeholderValue: string;
     rightToLeftOrientation: boolean;
     searchContainerClass: string;
-    /**
-     * Event emitted when the search query changes
-     */
     querySubmit: EventEmitter<string>;
     error: boolean;
     query: string;
     searchResults: string;
     private debounceTimeout;
     private debounceDelay;
-    componentDidLoad: () => void;
     private searchStore;
-    /**
-     * Handles the input change event from sc-input
-     */
+    componentDidLoad(): void;
     handleInputChange: (event: ScInputCustomEvent<string>) => void;
-    /**
-     * Handles the clear input event from sc-input
-     */
     handleClearInput: () => void;
-    /**
-     * Runs the search logic
-     */
     private runSearch;
-    /**
-     * Handles the form submission logic
-     */
     handleFormSubmit: (event: Event) => Promise<void>;
     render(): any;
 }

package/dist/types/components/{sc-base-search-form/sc-base-search-form.d.ts → searchcraft-base-search-form/searchcraft-base-search-form.d.ts}

@@ -1,6 +1,6 @@
 import { type CoreConfigSDK } from '@searchcraft/core';
-import type { ScInputCustomEvent } from "../sc-input/sc-input";
-export declare class ScBaseSearchForm {
+import type { ScInputCustomEvent } from "../searchcraft-input/searchcraft-input";
+export declare class SearchcraftBaseSearchForm {
     config: CoreConfigSDK;
     errorMessage: string;
     labelForInput: string;

package/dist/types/components/{sc-base-search-result/sc-base-search-result.d.ts → searchcraft-base-search-result/searchcraft-base-search-result.d.ts}

@@ -1,4 +1,4 @@
-export declare class ScBaseSearchResult {
+export declare class SearchcraftBaseSearchResult {
     buttonCallbackFn: () => void;
     buttonLabel: string;
     callbackFn: () => void;

package/dist/types/components/{sc-base-search-results/sc-base-search-results.d.ts → searchcraft-base-search-results/searchcraft-base-search-results.d.ts}

@@ -1,5 +1,5 @@
 import type { SearchResult } from '@searchcraft/core';
-export declare class ScBaseSearchResults {
+export declare class SearchcraftBaseSearchResults {
     query: string;
     searchResults: SearchResult | null;
     private unsubscribe;

package/dist/types/components/{sc-button/sc-button.d.ts → searchcraft-button/searchcraft-button.d.ts}

@@ -1,5 +1,5 @@
 import { type EventEmitter } from '../../stencil-public-runtime';
-export declare class ScButton {
+export declare class SearchcraftButton {
     iconElement?: Element;
     iconOnly: boolean;
     iconPosition: string;

package/dist/types/components/{sc-clear-input-button/sc-clear-input-button.d.ts → searchcraft-clear-input-button/searchcraft-clear-input-button.d.ts}

@@ -1,5 +1,5 @@
 import { type EventEmitter } from '../../stencil-public-runtime';
-export declare class ScClearInputButton {
+export declare class SearchcraftClearInputButton {
     isRequesting?: boolean;
     rightToLeftOrientation: boolean;
     clearInput: EventEmitter<void>;

package/dist/types/components/{sc-error-message/sc-error-message.d.ts → searchcraft-error-message/searchcraft-error-message.d.ts}

@@ -1,4 +1,4 @@
-export declare class ScErrorMessage {
+export declare class SearchcraftErrorMessage {
     /**
      * The error message to display. Defaults to a standard message if not provided.
      */

package/dist/types/components/{sc-input/sc-input.d.ts → searchcraft-input/searchcraft-input.d.ts}

@@ -1,9 +1,10 @@
 import { type EventEmitter } from '../../stencil-public-runtime';
 export interface ScInputCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLScInputElement;
+    target: HTMLSearchcraftInputElement;
 }
-export declare class ScInput {
+export declare class SearchcraftInput {
+    customStyles: string | Record<string, string>;
     error: boolean;
     formClassName: string;
     inputCaptionClassName: string;
@@ -12,8 +13,8 @@ export declare class ScInput {
     placeholderValue: string;
     rightToLeftOrientation: boolean;
     query: string;
-    searchInputChange: EventEmitter<string>;
     clearInput: EventEmitter<void>;
+    searchInputChange: EventEmitter<string>;
     theme: string;
     private get isLightTheme();
     handleInputChange(event: Event): void;

package/dist/types/components/{sc-input-caption/sc-input-caption.d.ts → searchcraft-input-caption/searchcraft-input-caption.d.ts}

@@ -1,4 +1,4 @@
-export declare class ScInputCaption {
+export declare class SearchcraftInputCaption {
     error?: boolean;
     inputCaptionClassName?: string;
     inputCaptionValue: string;

package/dist/types/components/{sc-input-icon/sc-input-icon.d.ts → searchcraft-input-icon/searchcraft-input-icon.d.ts}

@@ -1,4 +1,4 @@
-export declare class ScInputIcon {
+export declare class SearchcraftInputIcon {
     error?: boolean;
     rightToLeftOrientation: boolean;
     theme: string;

package/dist/types/components/{sc-input-label/sc-input-label.d.ts → searchcraft-input-label/searchcraft-input-label.d.ts}

@@ -1,6 +1,6 @@
-export declare class ScInputLabel {
+export declare class SearchcraftInputLabel {
     inputLabelClassName?: string;
-    label: string;
+    label?: string;
     theme: string;
     private isLightTheme;
     render(): any;

package/dist/types/components/searchcraft-spinner-dark/searchcraft-spinner-dark.d.ts

@@ -0,0 +1,3 @@
+export declare class SearchcraftSpinnerDark {
+    render(): any;
+}

package/dist/types/components/searchcraft-spinner-light/searchcraft-spinner-light.d.ts

@@ -0,0 +1,3 @@
+export declare class SearchcraftSpinnerLight {
+    render(): any;
+}