@searchcraft/javascript-sdk 0.2.6 → 0.2.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{searchcraft-auto-search-form_17.cjs.entry.js → searchcraft-auto-search-form_18.cjs.entry.js} +28 -16
- package/dist/cjs/searchcraft-auto-search-form_18.cjs.entry.js.map +1 -0
- package/dist/cjs/searchcraft-base-search-form.cjs.entry.js +1 -1
- package/dist/cjs/searchcraft-button.cjs.entry.js +1 -1
- package/dist/cjs/searchcraft-javascript-sdk.cjs.js +1 -1
- package/dist/collection/assets/searchcraft-check-icon.js +9 -0
- package/dist/collection/assets/searchcraft-check-icon.js.map +1 -0
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/searchcraft-auto-search-form/searchcraft-auto-search-form.js +1 -1
- package/dist/collection/components/searchcraft-base-search-form/searchcraft-base-search-form.js +1 -1
- package/dist/collection/components/searchcraft-base-search-result/searchcraft-base-search-result.js +3 -3
- package/dist/collection/components/searchcraft-base-search-result/searchcraft-base-search-result.module.css +10 -0
- package/dist/collection/components/searchcraft-button/searchcraft-button.js +1 -1
- package/dist/collection/components/searchcraft-error-message/searchcraft-error-message.js +1 -1
- package/dist/collection/components/searchcraft-filters-list/searchcraft-filters-list.js +7 -5
- package/dist/collection/components/searchcraft-filters-list/searchcraft-filters-list.js.map +1 -1
- package/dist/collection/components/searchcraft-filters-list/searchcraft-filters-list.module.css +20 -7
- package/dist/collection/components/searchcraft-input/searchcraft-input.js +1 -1
- package/dist/collection/components/searchcraft-spinner-dark/searchcraft-spinner-dark.js +1 -1
- package/dist/collection/components/searchcraft-spinner-light/searchcraft-spinner-light.js +1 -1
- package/dist/components/index.js +2 -0
- package/dist/components/index.js.map +1 -1
- package/dist/components/{p-1c377190.js → p-0eb562da.js} +3 -3
- package/dist/components/{p-1c377190.js.map → p-0eb562da.js.map} +1 -1
- package/dist/components/{p-848301b7.js → p-14f328f4.js} +2 -2
- package/dist/components/{p-848301b7.js.map → p-14f328f4.js.map} +1 -1
- package/dist/components/{p-023371c8.js → p-1b18e9fe.js} +5 -5
- package/dist/components/p-1b18e9fe.js.map +1 -0
- package/dist/components/{p-576f0d2b.js → p-52b81ff4.js} +3 -3
- package/dist/components/{p-576f0d2b.js.map → p-52b81ff4.js.map} +1 -1
- package/dist/components/{p-b5f97e04.js → p-643cfdcf.js} +5 -5
- package/dist/components/{p-b5f97e04.js.map → p-643cfdcf.js.map} +1 -1
- package/dist/components/{p-3fece4e2.js → p-9952c9ba.js} +2 -2
- package/dist/components/{p-3fece4e2.js.map → p-9952c9ba.js.map} +1 -1
- package/dist/components/{p-25f18f2e.js → p-bdf84774.js} +2 -2
- package/dist/components/{p-25f18f2e.js.map → p-bdf84774.js.map} +1 -1
- package/dist/components/p-d3187f5a.js +29 -0
- package/dist/components/p-d3187f5a.js.map +1 -0
- package/dist/components/searchcraft-auto-search-form.js +6 -6
- package/dist/components/searchcraft-base-search-form.js +7 -7
- package/dist/components/searchcraft-base-search-result.js +1 -1
- package/dist/components/searchcraft-base-search-results.js +2 -2
- package/dist/components/searchcraft-button.js +1 -1
- package/dist/components/searchcraft-check-icon.d.ts +11 -0
- package/dist/components/searchcraft-check-icon.js +8 -0
- package/dist/components/searchcraft-check-icon.js.map +1 -0
- package/dist/components/searchcraft-clear-input-button.js +1 -1
- package/dist/components/searchcraft-error-message.js +1 -1
- package/dist/components/searchcraft-filters-list.js +15 -7
- package/dist/components/searchcraft-filters-list.js.map +1 -1
- package/dist/components/searchcraft-input.js +1 -1
- package/dist/components/searchcraft-spinner-dark.js +1 -1
- package/dist/components/searchcraft-spinner-light.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{searchcraft-auto-search-form_17.entry.js → searchcraft-auto-search-form_18.entry.js} +28 -17
- package/dist/esm/searchcraft-auto-search-form_18.entry.js.map +1 -0
- package/dist/esm/searchcraft-base-search-form.entry.js +1 -1
- package/dist/esm/searchcraft-button.entry.js +1 -1
- package/dist/esm/searchcraft-javascript-sdk.js +1 -1
- package/dist/searchcraft-javascript-sdk/{p-cc454542.entry.js → p-66f38e89.entry.js} +2 -2
- package/dist/searchcraft-javascript-sdk/p-67cc5ccb.entry.js +2 -0
- package/dist/searchcraft-javascript-sdk/p-67cc5ccb.entry.js.map +1 -0
- package/dist/searchcraft-javascript-sdk/{p-63b3b565.entry.js → p-d9efd790.entry.js} +2 -2
- package/dist/searchcraft-javascript-sdk/searchcraft-javascript-sdk.esm.js +1 -1
- package/dist/searchcraft-javascript-sdk/searchcraft-javascript-sdk.esm.js.map +1 -1
- package/dist/types/assets/searchcraft-check-icon.d.ts +3 -0
- package/dist/types/components.d.ts +13 -0
- package/package.json +1 -1
- package/dist/cjs/searchcraft-auto-search-form_17.cjs.entry.js.map +0 -1
- package/dist/components/p-023371c8.js.map +0 -1
- package/dist/esm/searchcraft-auto-search-form_17.entry.js.map +0 -1
- package/dist/searchcraft-javascript-sdk/p-c2c4f6b7.entry.js +0 -2
- package/dist/searchcraft-javascript-sdk/p-c2c4f6b7.entry.js.map +0 -1
- /package/dist/searchcraft-javascript-sdk/{p-cc454542.entry.js.map → p-66f38e89.entry.js.map} +0 -0
- /package/dist/searchcraft-javascript-sdk/{p-63b3b565.entry.js.map → p-d9efd790.entry.js.map} +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["searchcraftAutoSearchFormModuleCss","SearchcraftAutoSearchFormStyle0","SearchcraftAutoSearchForm","this","debounceTimeout","debounceDelay","searchStore","useSearchcraftStore","getState","handleInputChange","event","query","detail","setQuery","querySubmit","emit","handleInputKeyUp","target","clearTimeout","setTimeout","trim","runSearch","handleClearInput","clearInput","error","inputClearedOrNoResults","async","search","handleFormSubmit","preventDefault","apiKey","endpointURL","index","componentDidLoad","searchcraft","SearchcraftCore","config","initialize","unsubscribe","subscribe","state","isRequesting","searchResults","Object","assign","disconnectedCallback","render","formClass","rightToLeftOrientation","parsedCustomStyles","parseCustomStyles","customStylesForInput","length","_c","_b","_a","data","hits","h","key","class","onSubmit","label","labelForInput","customStyles","inputCaptionValue","inputIconHeight","inputIconWidth","onClearInput","onInputKeyUp","onSearchInputChange","placeholderValue","errorMessage","searchcraftBaseSearchResultModuleCss","SearchcraftBaseSearchResultStyle0","SearchcraftBaseSearchResult","buttonCallback","keyDownCallback","resultCallback","handleButtonClick","handleContainerClick","isInteractive","parseStyles","JSON","parse","console","isLightTheme","themeMode","styles","imageContainer","imageSource","alt","imageDescription","src","style","image","contentContainer","heading","headingText","subheading","subheadingText","primaryContent","secondaryContent","tertiaryContent","buttonText","onClick","button","type","onKeyDown","container","tabindex","placeImageRight","Fragment","searchcraftBaseSearchResultsModuleCss","SearchcraftBaseSearchResultsStyle0","SearchcraftBaseSearchResults","documentAttributesForDisplay","warn","hasSearched","name","parsedSearchKeys","parseSearchKeys","serializedStyles","customStylesForResults","serializeStyles","resultsComponents","_d","map","document","doc","result","dynamicProperties","extractDynamicProperties","formatTime","value","Number","isNaN","Date","getFormattedTimeFromNow","log","document_id","placeResultImageRight","finalComponents","placeAdAtStart","push","adInterval","forEach","component","placeAdAtEnd","_g","_f","_e","SearchcraftCheckIcon","width","height","viewBox","fill","d","stroke","SearchcraftClearIconSet","xmlns","id","searchcraftClearInputButtonModuleCss","SearchcraftClearInputButtonStyle0","SearchcraftClearInputButton","handleClearClick","theme","classNames","searchcraftErrorMessageModuleCss","SearchcraftErrorMessageStyle0","SearchcraftErrorMessage","errorMessageStyle","searchcraftFiltersListModuleCss","SearchcraftFiltersListStyle0","SearchcraftFiltersList","handleFilterChange","checked","selectedFilters","add","delete","deduplicatedFilters","deduplicatePaths","Array","from","filtersUpdated","setSelectedFilters","Set","connectedCallback","facets","populateFiltersFromFacets","size","clear","resultsCount","newFilters","flattenFacets","section","filtersMap","Map","dynamicFilters","filter","split","pop","set","existingFilter","get","values","filters","pathMap","path","existingPath","formatLabel","replace","word","charAt","toUpperCase","slice","join","filtersToRender","includes","indexOf","isChecked","has","children","child","startsWith","onChange","isChildChecked","marginLeft","searchcraftInputModuleCss","SearchcraftInputStyle0","SearchcraftInput","input","searchInputChange","inputKeyUp","containerClassName","inputClassName","validatedCustomStyles","placeholderStyle","fontSize","placeholderFontSize","formClassName","autoComplete","bind","onKeyUp","placeholder","inputCaptionClassName","searchcraftInputCaptionModuleCss","SearchcraftInputCaptionStyle0","SearchcraftInputCaption","searchcraftInputIconModuleCss","SearchcraftInputIconStyle0","SearchcraftInputIcon","searchcraftInputLabelModuleCss","SearchcraftInputLabelStyle0","SearchcraftInputLabel","labelStyle","inputLabelClassName","htmlFor","searchcraftResultsInfoModuleCss","SearchcraftResultsInfoStyle0","SearchcraftResultsInfo","count","responseTime","time_taken","toFixed","SearchcraftSearchIconSet","searchcraftSliderModuleCss","SearchcraftSliderStyle0","SearchcraftSlider","updateYears","setYearsRange","startYear","endYear","handleStartYearChange","parseInt","Math","min","handleEndYearChange","max","getFullYear","maxYear","minYear","rangeMin","rangeMax","startPercent","endPercent","left","onInput","step","searchcraftSpinnerDarkModuleCss","SearchcraftSpinnerDarkStyle0","SearchcraftSpinnerDark","searchcraftSpinnerLightModuleCss","SearchcraftSpinnerLightStyle0","SearchcraftSpinnerLight","searchcraftToggleButtonModuleCss","SearchcraftToggleButtonStyle0","SearchcraftToggleButton","handleToggle","isActive","mode","setSearchParams","sort"],"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-check-icon.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-filters-list/searchcraft-filters-list.module.scss?tag=searchcraft-filters-list&encapsulation=shadow","src/components/searchcraft-filters-list/searchcraft-filters-list.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/components/searchcraft-results-info/searchcraft-results-info.module.scss?tag=searchcraft-results-info&encapsulation=shadow","src/components/searchcraft-results-info/searchcraft-results-info.tsx","src/assets/searchcraft-search-icon-set.tsx","src/components/searchcraft-slider/searchcraft-slider.module.scss?tag=searchcraft-slider&encapsulation=shadow","src/components/searchcraft-slider/searchcraft-slider.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","src/components/searchcraft-toggle-button/searchcraft-toggle-button.module.scss?tag=searchcraft-toggle-button&encapsulation=shadow","src/components/searchcraft-toggle-button/searchcraft-toggle-button.tsx"],"sourcesContent":[":root {\n --font-stack: Helvetica, Arial, sans-serif;\n}\n\n.formLTR {\n font-family: var(--font-stack);\n text-align: left;\n width: 100%;\n}\n\n.formRTL {\n font-family: var(--font-stack);\n text-align: right;\n width: 100%;\n}","import {\n Component,\n Prop,\n State,\n Event,\n type EventEmitter,\n h,\n} from '@stencil/core';\n\nimport {\n type CoreConfigSDK,\n CoreSDK as SearchcraftCore,\n type SearchcraftResponse,\n} from '@searchcraft/core';\n\nimport { useSearchcraftStore } from '@provider/store';\n\nimport { parseCustomStyles } from '@utils/utils';\n\nimport type { ScInputCustomEvent } from '@components/searchcraft-input/searchcraft-input';\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() inputIconHeight = 20;\n @Prop() inputIconWidth = 20;\n @Prop() labelForInput = '';\n @Prop() placeholderValue = 'Search here';\n @Prop() rightToLeftOrientation = false;\n @Prop() searchContainerClass = '';\n\n @Event() inputClearedOrNoResults: EventEmitter<void>;\n @Event() querySubmit: EventEmitter<string>;\n\n @State() error = false;\n @State() isRequesting = false;\n @State() query = '';\n @State() searchResults: SearchcraftResponse | null = null;\n\n private debounceTimeout: ReturnType<typeof setTimeout> | null = null;\n private debounceDelay = 0;\n private searchStore = useSearchcraftStore.getState();\n unsubscribe: () => void;\n\n componentDidLoad() {\n const searchcraft = new SearchcraftCore(this.config);\n this.searchStore.initialize(searchcraft, true);\n\n this.unsubscribe = useSearchcraftStore.subscribe((state) => {\n this.isRequesting = state.isRequesting;\n this.searchResults = { ...state.searchResults };\n });\n }\n\n disconnectedCallback() {\n if (this.unsubscribe) {\n this.unsubscribe();\n }\n }\n\n handleInputChange = (event: ScInputCustomEvent<string>) => {\n this.query = event.detail;\n this.searchStore.setQuery(this.query);\n this.querySubmit.emit(this.query);\n };\n\n handleInputKeyUp = (event: ScInputCustomEvent<string>) => {\n const target = event.detail;\n this.query = target;\n this.searchStore.setQuery(this.query);\n this.querySubmit.emit(this.query);\n\n if (this.debounceTimeout) {\n clearTimeout(this.debounceTimeout);\n }\n\n this.debounceTimeout = setTimeout(() => {\n this.query.trim() !== '' && this.runSearch();\n }, this.debounceDelay);\n };\n\n handleClearInput = () => {\n this.query = '';\n this.searchStore.setQuery('');\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.inputClearedOrNoResults.emit();\n };\n\n private runSearch = async () => {\n if (this.query.trim() === '') {\n this.error = true;\n this.inputClearedOrNoResults.emit();\n } else {\n this.error = false;\n this.searchStore.setQuery(this.query);\n\n try {\n await this.searchStore.search();\n } catch (error) {\n this.error = true;\n this.inputClearedOrNoResults.emit();\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 if (this.query.length > 0 && this.searchResults?.data?.hits?.length === 0) {\n this.inputClearedOrNoResults.emit();\n }\n\n return (\n <form class={`${formClass}`} onSubmit={this.handleFormSubmit}>\n <searchcraft-input-label label={this.labelForInput} />\n <searchcraft-input\n customStyles={parsedCustomStyles}\n input-caption-value={this.inputCaptionValue}\n input-icon-height={this.inputIconHeight}\n input-icon-width={this.inputIconWidth}\n is-requesting={this.isRequesting}\n onClearInput={this.handleClearInput}\n onInputKeyUp={this.handleInputKeyUp}\n onSearchInputChange={this.handleInputChange}\n placeholder-value={this.placeholderValue}\n query={this.query}\n right-to-left-orientation={this.rightToLeftOrientation}\n />\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 flex-direction: column;\n gap: 16px;\n padding: 8px;\n position: relative;\n\n @media (min-width: 600px) {\n flex-direction: row;\n }\n}\n\n.interactiveResultContainerLight {\n @include interactive-result-container-base;\n background-color: $light-search-result-container-background;\n}\n\n.interactiveResultContainerDark {\n @include interactive-result-container-base;\n background-color: $dark-search-result-container-background;\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 display: inline-block;\n position: absolute;\n right: 5px;\n top: -2px;\n\n\n @media (min-width: 600px) {\n display: none;\n }\n}\n\n.imageContainer {\n max-width: 100%;\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.secondaryContentContainer {\n display: flex;\n\n}\n\n@mixin image-base {\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: 0;\n position: relative;\n -webkit-font-smoothing: antialiased;\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 -webkit-font-smoothing: antialiased;\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 -webkit-font-smoothing: antialiased;\n}\n\n.primaryContentLight {\n @include body-content-base;\n color: $light-search-result-body-content-color;\n}\n\n.primaryContentDark {\n @include body-content-base;\n color: $dark-search-result-body-content-color;\n}\n\n.secondaryContentLight {\n @include body-content-base;\n color: $light-search-result-body-content-color;\n}\n\n.secondaryContentLight::after {\n content: \"•\";\n color: $light-search-result-body-content-color;\n font-size: 1em;\n margin-left: 5px;\n margin-right: 5px;\n}\n\n.secondaryContentDark {\n @include body-content-base;\n color: $dark-search-result-body-content-color;\n}\n\n.tertiaryContentLight {\n @include body-content-base;\n color: $light-search-result-body-content-color;\n}\n\n.tertiaryContentDark {\n @include body-content-base;\n color: $dark-search-result-body-content-color;\n}","import { Component, Event, Fragment, 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() buttonText = ''; // Label for the button\n @Prop() customStyles = '{}'; // New string prop for serialized styles.\n @Prop() headingText = ''; // Text for the heading\n @Prop() imageDescription = ''; // Alternative text for the image\n @Prop() imageSource = ''; // Source URL for the image\n @Prop() isInteractive = false; // Determines if the result is interactive\n @Prop() primaryContent = ''; // Primary body content\n @Prop() secondaryContent = ''; // Secondary body content\n @Prop() subheadingText = ''; // Text for the subheading\n @Prop() tertiaryContent = ''; // Tertiary body content\n @Prop() themeMode: 'light' | 'dark' = 'light'; // Light or dark theme context\n @Prop() placeImageRight = false; // Determines the placement of the image container\n\n @Event() buttonCallback: () => void = () => {}; // Callback for button click\n @Event() keyDownCallback: () => void = () => {}; // Callback for key down event\n @Event() resultCallback: () => void = () => {}; // Callback for result container click\n\n private handleButtonClick = () => {\n this.buttonCallback();\n };\n\n private handleContainerClick = () => {\n if (this.isInteractive) {\n this.resultCallback();\n }\n };\n\n private parseStyles(): Record<string, { [key: string]: string }> {\n try {\n return JSON.parse(this.customStyles);\n } catch (error) {\n console.error('Error parsing custom styles:', error);\n return {};\n }\n }\n\n render() {\n const isLightTheme = this.themeMode === 'light';\n const styles = this.parseStyles();\n\n const imageContainer = this.imageSource && (\n <div class='imageContainer'>\n <img\n alt={this.imageDescription}\n class={isLightTheme ? 'imageLight' : 'imageDark'}\n src={this.imageSource}\n style={styles.image || {}}\n />\n </div>\n );\n\n const contentContainer = (\n <div class='contentContainer'>\n <h2\n class={isLightTheme ? 'headingLight' : 'headingDark'}\n style={styles.heading || {}}\n >\n {this.headingText}\n </h2>\n <h3\n class={isLightTheme ? 'subheadingLight' : 'subheadingDark'}\n style={styles.subheading || {}}\n >\n {this.subheadingText}\n </h3>\n <p\n class={isLightTheme ? 'primaryContentLight' : 'primaryContentDark'}\n style={styles.primaryContent || {}}\n >\n {this.primaryContent}\n </p>\n <div class='secondaryContentContainer'>\n <p\n class={\n isLightTheme ? 'secondaryContentLight' : 'secondaryContentDark'\n }\n style={styles.secondaryContent || {}}\n >\n {this.secondaryContent}\n </p>\n <p\n class={\n isLightTheme ? 'tertiaryContentLight' : 'tertiaryContentDark'\n }\n style={styles.tertiaryContent || {}}\n >\n {this.tertiaryContent}\n </p>\n </div>\n {this.buttonText && (\n <button\n onClick={this.handleButtonClick}\n style={styles.button || {}}\n type='button'\n >\n {this.buttonText}\n </button>\n )}\n </div>\n );\n\n return (\n <div\n class={\n this.isInteractive\n ? isLightTheme\n ? 'interactiveResultContainerLight'\n : 'interactiveResultContainerDark'\n : 'resultContainer'\n }\n onKeyDown={this.keyDownCallback}\n onClick={this.handleContainerClick}\n style={styles.container || {}}\n tabindex='0'\n >\n {this.placeImageRight ? (\n <Fragment>\n {contentContainer}\n {imageContainer}\n </Fragment>\n ) : (\n <Fragment>\n {imageContainer}\n {contentContainer}\n </Fragment>\n )}\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: 16px 0;\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\n.adSection {\n align-items: center;\n background-color: #F1F1F1;\n border: 1px solid #DCDDDE;\n border-radius: 16px;\n display: flex;\n flex-direction: column;\n font-size: 16px;\n justify-content: center;\n margin: auto;\n min-height: 150px;\n text-align: center;\n width: 100%;\n\n p {\n margin-top: 5px;\n }\n}\n\n.emptyState {\n text-align: center;\n width: 100%;\n}\n\n.errorMessageContainer {\n text-align: center;\n}\n","import { Component, h, Prop, State } from '@stencil/core';\n\nimport type { SearchcraftResponse } from '@searchcraft/core';\n\nimport { useSearchcraftStore } from '@provider/store';\n\nimport {\n extractDynamicProperties,\n getFormattedTimeFromNow,\n parseSearchKeys,\n serializeStyles,\n} from '@utils/utils';\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 @Prop() adInterval = 4;\n @Prop() customStylesForResults:\n | string\n | Record<string, Record<string, string>> = {};\n @Prop() documentAttributesForDisplay = '';\n @Prop() fallbackElement: HTMLElement | null = null;\n @Prop() formatTime = true;\n @Prop() placeAdAtEnd = false;\n @Prop() placeAdAtStart = true;\n @Prop() placeResultImageRight = false;\n\n @State() hasSearched = false;\n @State() query = '';\n @State() searchResults: SearchcraftResponse | null = null;\n\n private unsubscribe: () => void;\n\n componentDidLoad() {\n if (\n !this.documentAttributesForDisplay ||\n this.documentAttributesForDisplay.length === 0\n ) {\n console.warn('No document attributes provided; using empty keys array.');\n this.documentAttributesForDisplay = '';\n }\n\n this.unsubscribe = useSearchcraftStore.subscribe((state) => {\n if (state.query.length > 0) {\n this.hasSearched = true;\n } else {\n this.hasSearched = false;\n }\n this.searchResults = { ...state.searchResults };\n this.query = state.query;\n });\n\n const { searchResults, query } = useSearchcraftStore.getState();\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.hasSearched) {\n return (\n <div class='emptyState'>\n <slot name='empty-search' />\n </div>\n );\n }\n\n if (!this.searchResults?.data) {\n console.warn('No search results data available');\n return <div class='emptyState'>No results to display.</div>;\n }\n\n const parsedSearchKeys = parseSearchKeys(this.documentAttributesForDisplay);\n const serializedStyles =\n typeof this.customStylesForResults === 'string'\n ? this.customStylesForResults\n : serializeStyles(this.customStylesForResults);\n\n const resultsComponents = this.searchResults?.data?.hits?.map(\n (document, index) => {\n const { doc: result } = document;\n const dynamicProperties = extractDynamicProperties(\n result,\n parsedSearchKeys,\n );\n\n if (this.formatTime) {\n for (const key of parsedSearchKeys) {\n if (dynamicProperties[key]) {\n const value = dynamicProperties[key];\n // Check if the value is a valid ISO timestamp\n if (\n typeof value === 'string' &&\n !Number.isNaN(Date.parse(value))\n ) {\n dynamicProperties[key] = getFormattedTimeFromNow(value);\n }\n }\n }\n }\n\n return (\n <searchcraft-base-search-result\n button-callback={() => console.log('button callback')}\n custom-styles={serializedStyles}\n image-source={\n dynamicProperties[parsedSearchKeys[parsedSearchKeys.length - 1]]\n }\n is-interactive={true}\n key={`${document.document_id}-${index}`}\n keydown-callback={() => console.log('keydown')}\n heading-text={dynamicProperties[parsedSearchKeys[0]]}\n place-image-right={this.placeResultImageRight}\n primary-content={dynamicProperties[parsedSearchKeys[2]]}\n result-callback={() => console.log('interactive element')}\n secondary-content={dynamicProperties[parsedSearchKeys[3]]}\n subheading-text={dynamicProperties[parsedSearchKeys[1]]}\n tertiary-content={dynamicProperties[parsedSearchKeys[4]]}\n />\n );\n },\n );\n\n const finalComponents: JSX.Element[] = [];\n\n if (this.placeAdAtStart) {\n finalComponents.push(\n <div key='ad-section-start' class='adSection'>\n <span>##</span>\n <p> Ad Impressions</p>\n </div>,\n );\n }\n\n if (this.adInterval > 0) {\n resultsComponents.forEach((component, index) => {\n finalComponents.push(component);\n if ((index + 1) % this.adInterval === 0) {\n finalComponents.push(\n <div key={`ad-section-${index + 1}`} class='adSection'>\n <span>##</span>\n <p> Ad Impressions</p>\n </div>,\n );\n }\n });\n } else {\n finalComponents.push(...resultsComponents);\n }\n\n if (this.placeAdAtEnd) {\n finalComponents.push(\n <div key='ad-section-end' class='adSection'>\n <span>##</span>\n <p> Ad Impressions</p>\n </div>,\n );\n }\n\n return (\n <div class='resultsContainer'>\n {finalComponents}\n {this.query.length > 0 &&\n this.searchResults?.data?.hits?.length === 0 && (\n <div class='errorMessageContainer'>\n <searchcraft-error-message\n error-message={`No search results found for \"${this.query}\" query`}\n />\n </div>\n )}\n </div>\n );\n }\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'searchcraft-check-icon',\n shadow: true,\n})\nexport class SearchcraftCheckIcon {\n render() {\n return (\n <svg width='16' height='16' viewBox='0 0 16 16' fill='none'>\n <title>Checkbox Check</title>\n <path\n d='M13.9999 2L5.74988 10L1.99988 6.36364'\n stroke='white'\n stroke-width='3'\n stroke-linecap='round'\n stroke-linejoin='round'\n />\n </svg>\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: 0;\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: 0px;\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 @Event() clearInput: EventEmitter<void>;\n\n @State() theme = 'light';\n\n private isLightTheme() {\n return this.theme === 'light';\n }\n\n private handleClearClick = (event: MouseEvent) => {\n event.preventDefault();\n this.clearInput.emit();\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",".filtersList {\n width: 100%;\n}\n\n.checkboxLabel {\n align-items: center;\n color: #292929;\n display: flex;\n font-family: 'Source Sans Pro';\n font-size: 14px;\n font-weight: 600;\n gap: 14px;\n position: relative;\n -webkit-font-smoothing: antialiased;\n}\n\n.checkboxLabel input[type=\"checkbox\"] {\n align-items: center;\n appearance: none;\n background-color: #EDEDED;\n border: 1px solid #D9D9D9;\n cursor: pointer;\n display: flex;\n height: 24px;\n justify-content: center;\n width: 24px;\n}\n\n.checkboxLabel input[type=\"checkbox\"]:checked {\n background-color: #000;\n position: relative;\n}\n\n.checkboxLabel input[type=\"checkbox\"]:checked + .checkContainer {\n display: block;\n}\n\n.remainingFilterListCheckbox {\n margin-left: 16px;\n}\n\n.childCheckboxLabel {\n align-items: center;\n color: #292929;\n display: flex;\n font-family: 'Source Sans Pro';\n font-size: 14px;\n font-weight: 600;\n gap: 12px;\n position: relative;\n}\n\n.childCheckboxLabel input[type=\"checkbox\"] {\n align-items: center;\n appearance: none;\n background-color: #EDEDED;\n border: 1px solid #D9D9D9;\n cursor: pointer;\n display: flex;\n height: 24px;\n justify-content: center;\n position: relative;\n width: 24px;\n -webkit-font-smoothing: antialiased;\n}\n\n.childCheckboxLabel input[type=\"checkbox\"]:checked {\n background-color: #000;\n position: relative;\n}\n\n.childCheckboxLabel input[type=\"checkbox\"]:checked + .checkContainer {\n display: block;\n}\n\n.checkContainer {\n display: none;\n height: 16px;\n width: 16px;\n position: absolute;\n top: 10px;\n left: 7px;\n}","import {\n Component,\n h,\n State,\n Prop,\n Event,\n type EventEmitter,\n} from '@stencil/core';\n\nimport type { Facets } from '@searchcraft/core';\n\nimport { useSearchcraftStore } from '@provider/store';\n\nimport { flattenFacets } from '@utils/utils';\n\n@Component({\n tag: 'searchcraft-filters-list',\n styleUrl: 'searchcraft-filters-list.module.scss',\n shadow: true,\n})\nexport class SearchcraftFiltersList {\n @Prop() filters: Array<{ label: string; value: string }> = [];\n\n @Event() filtersUpdated: EventEmitter<string[]>;\n\n @State() dynamicFilters: Array<{ label: string; value: string }> = [];\n @State() isRequesting = false;\n @State() query = '';\n @State() resultsCount = 0;\n @State() selectedFilters: Set<string> = new Set();\n\n private searchStore = useSearchcraftStore.getState();\n unsubscribe: () => void;\n\n connectedCallback() {\n const state = this.searchStore;\n\n if (state.searchResults?.data.facets) {\n this.populateFiltersFromFacets(state.searchResults.data.facets);\n }\n\n this.unsubscribe = useSearchcraftStore.subscribe((state) => {\n if (!state.query || state.query.trim().length === 0) {\n if (this.selectedFilters.size > 0) {\n this.selectedFilters.clear();\n this.filtersUpdated.emit([]);\n if (this.searchStore.selectedFilters.length > 0) {\n this.searchStore.setSelectedFilters([]);\n }\n }\n }\n this.query = state.query || '';\n this.isRequesting = state.isRequesting;\n this.resultsCount = state.searchResults?.data?.hits?.length || 0;\n\n if (state.searchResults?.data.facets) {\n this.populateFiltersFromFacets(state.searchResults.data.facets);\n }\n });\n }\n\n disconnectedCallback() {\n if (this.unsubscribe) {\n this.unsubscribe();\n }\n }\n\n populateFiltersFromFacets(facets: Facets) {\n const newFilters = flattenFacets(facets[0]?.section || []);\n const filtersMap = new Map<string, { label: string; value: string }>();\n\n this.dynamicFilters.forEach((filter) => {\n const key = filter.value.split('/').pop() || '';\n filtersMap.set(key, filter);\n });\n\n newFilters.forEach((filter) => {\n const key = filter.value.split('/').pop() || '';\n const existingFilter = filtersMap.get(key);\n\n if (\n !existingFilter ||\n filter.value.length < existingFilter.value.length\n ) {\n filtersMap.set(key, filter);\n }\n });\n\n this.dynamicFilters = Array.from(filtersMap.values());\n }\n\n handleFilterChange = (value: string, checked: boolean) => {\n if (checked) {\n this.selectedFilters.add(value);\n } else {\n this.selectedFilters.delete(value);\n }\n const deduplicatedFilters = this.deduplicatePaths(\n Array.from(this.selectedFilters),\n );\n\n this.filtersUpdated.emit(deduplicatedFilters);\n this.searchStore.setSelectedFilters(deduplicatedFilters);\n this.searchStore.search();\n };\n\n deduplicatePaths(filters: string[]): string[] {\n const pathMap = new Map<string, string>();\n\n filters.forEach((path) => {\n const key = path.split('/').pop() || '';\n const existingPath = pathMap.get(key);\n\n if (!existingPath || path.length < existingPath.length) {\n pathMap.set(key, path);\n }\n });\n\n return Array.from(pathMap.values());\n }\n\n formatLabel(label: string): string {\n return label\n .replace(/-/g, ' ')\n .split(' ')\n .map((word) => word.charAt(0).toUpperCase() + word.slice(1))\n .join(' ');\n }\n\n render() {\n if (!this.query || this.resultsCount === 0) {\n return null;\n }\n\n const filtersToRender = this.dynamicFilters.filter(\n (filter) => !filter.value.includes('/', filter.value.indexOf('/') + 1),\n );\n\n return (\n <div class='filtersList'>\n {filtersToRender.map((filter) => {\n const isChecked = this.selectedFilters.has(filter.value);\n const children = this.dynamicFilters.filter(\n (child) =>\n child.value.startsWith(`${filter.value}/`) &&\n child.value !== filter.value,\n );\n\n return (\n <div key={filter.value}>\n <label class='checkboxLabel'>\n <input\n class='filterCheckbox'\n checked={isChecked}\n onChange={(event: Event) =>\n this.handleFilterChange(\n filter.value,\n (event.target as HTMLInputElement).checked,\n )\n }\n type='checkbox'\n />\n <div class='checkContainer'>\n <searchcraft-check-icon />\n </div>\n {this.formatLabel(filter.label)}\n </label>\n {children.map((child) => {\n const isChildChecked = this.selectedFilters.has(child.value);\n return (\n <label\n class='childCheckboxLabel'\n key={child.value}\n style={{ marginLeft: '20px' }}\n >\n <input\n class='childFilterCheckbox'\n checked={isChildChecked}\n onChange={(event: Event) =>\n this.handleFilterChange(\n child.value,\n (event.target as HTMLInputElement).checked,\n )\n }\n type='checkbox'\n />\n <div class='checkContainer'>\n <searchcraft-check-icon />\n </div>\n {this.formatLabel(child.label.split('/').pop() || '')}\n </label>\n );\n })}\n </div>\n );\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-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() inputIconHeight = 20;\n @Prop() inputIconWidth = 20;\n @Prop() isRequesting = false;\n @Prop() placeholderValue = 'Enter Search';\n @Prop() rightToLeftOrientation = false;\n @Prop() query = '';\n\n @Event() clearInput: EventEmitter<void>;\n @Event() searchInputChange: EventEmitter<string>;\n @Event() inputKeyUp: 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 handleInputKeyUp(event: KeyboardEvent) {\n const input = event.target as HTMLInputElement;\n this.inputKeyUp.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 autoComplete='off'\n class={classNames(inputClassName, 'searchcraft-input')}\n id='searchcraft-input-id'\n onChange={this.handleInputChange.bind(this)}\n onKeyUp={this.handleInputKeyUp.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 isRequesting={this.isRequesting}\n onClearInput={this.handleClearInput}\n rightToLeftOrientation={this.rightToLeftOrientation}\n />\n )}\n <searchcraft-input-icon\n error={this.error}\n height={this.inputIconHeight}\n rightToLeftOrientation={this.rightToLeftOrientation}\n width={this.inputIconWidth}\n />\n </Fragment>\n ) : (\n <Fragment>\n <searchcraft-input-icon\n error={this.error}\n height={this.inputIconHeight}\n rightToLeftOrientation={this.rightToLeftOrientation}\n width={this.inputIconWidth}\n />\n <input\n autoComplete='off'\n class={classNames(inputClassName, 'searchcraft-input')}\n id='searchcraft-input-id'\n onChange={this.handleInputChange.bind(this)}\n onKeyUp={this.handleInputKeyUp.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 isRequesting={this.isRequesting}\n onClearInput={this.handleClearInput}\n rightToLeftOrientation={this.rightToLeftOrientation}\n />\n )}\n </Fragment>\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 left: 15px;\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n}\n\n.inputIconRTL {\n position: absolute;\n right: 15px;\n top: 50%;\n transform: translateY(-50%);\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() height = 20;\n @Prop() rightToLeftOrientation = false;\n @Prop() width = 20;\n\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\n height={this.height}\n type='error-light'\n width={this.width}\n />\n ) : (\n <searchcraft-search-icon-set\n height={this.height}\n type='error-dark'\n width={this.width}\n />\n )}\n </div>\n ) : (\n <div\n class={this.rightToLeftOrientation ? 'inputIconRTL' : 'inputIconLTR'}\n >\n {this.isLightTheme() ? (\n <searchcraft-search-icon-set\n height={this.height}\n type='search-light'\n width={this.width}\n />\n ) : (\n <searchcraft-search-icon-set\n height={this.height}\n type='search-dark'\n width={this.width}\n />\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;\n @State() theme = 'light';\n\n private isLightTheme() {\n return this.theme === 'light';\n }\n\n render() {\n if (!this.label) {\n return null;\n }\n const labelStyle = this.isLightTheme() ? 'labelLight' : 'labelDark';\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",".container {\n border-bottom: 1px solid #D9D9D9;\n display: flex;\n justify-content: flex-start;\n width: 100%;\n}\n\n.resultsInfo {\n color: #292929;\n font-size: 18px;\n font-weight: 600;\n line-height: 20px;\n margin: 0;\n margin-bottom: 8px;\n}","import { Component, h, State } from '@stencil/core';\nimport { useSearchcraftStore } from '@provider/store';\n\n@Component({\n tag: 'searchcraft-results-info',\n styleUrl: 'searchcraft-results-info.module.scss',\n shadow: true,\n})\nexport class SearchcraftResultsInfo {\n @State() isRequesting = false;\n @State() resultsCount = 0;\n @State() responseTime = '';\n @State() query = ''; // Track the query\n\n unsubscribe: () => void;\n\n connectedCallback() {\n this.unsubscribe = useSearchcraftStore.subscribe((state) => {\n this.isRequesting = state.isRequesting;\n this.resultsCount = state.searchResults?.data?.count || 0;\n this.responseTime = (\n (state.searchResults?.data?.time_taken || 0) * 1000\n ).toFixed(2);\n this.query = state.query || ''; // Update query from store\n });\n }\n\n disconnectedCallback() {\n if (this.unsubscribe) {\n this.unsubscribe();\n }\n }\n\n render() {\n if (!this.query || this.resultsCount === 0) {\n return null;\n }\n\n return (\n <div class='container'>\n <p class='resultsInfo'>\n {this.resultsCount} results found in {this.responseTime}ms\n </p>\n </div>\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 @Prop() width = 20;\n @Prop() height = 20;\n\n render() {\n const { width, height } = this;\n switch (this.type) {\n case 'search-light':\n return (\n <svg\n width={width}\n height={height}\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={width}\n height={height}\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={width}\n height={height}\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={width}\n height={height}\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",".sliderContainer {\n display: flex;\n flex-direction: column;\n gap: 10px;\n font-family: Arial, sans-serif;\n align-items: center;\n width: 100%;\n}\n\n.rangeContainer {\n display: flex;\n position: relative;\n width: 100%;\n align-items: center;\n\n .activeRange {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n height: 4px;\n background: #007DB3;\n z-index: 0;\n border-radius: 2px;\n }\n\n .rangeSlider {\n width: 100%;\n height: 4px;\n background: transparent;\n border-radius: 2px;\n outline: none;\n -webkit-appearance: none;\n appearance: none;\n position: absolute;\n margin: 0;\n\n &::-webkit-slider-thumb {\n -webkit-appearance: none;\n width: 20px;\n height: 20px;\n background-color: #FFF;\n border-radius: 50%;\n border: 2px solid #e6e6e6;\n cursor: pointer;\n }\n\n &::-moz-range-thumb {\n width: 20px;\n height: 20px;\n background-color: #FFF;\n border-radius: 50%;\n border: 2px solid #e6e6e6;\n cursor: pointer;\n }\n }\n}\n\n.yearLabels {\n display: flex;\n justify-content: space-between;\n width: 100%;\n margin-top: 10px;\n font-size: 15px;\n font-weight: 600;\n font-family: 'Source Sans Pro', sans-serif;\n color: #666;\n}\n\n.yearLabel {\n min-width: 30px;\n text-align: center;\n}","import { Component, h, State, Prop } from '@stencil/core';\nimport { useSearchcraftStore } from '@provider/store';\n\n@Component({\n tag: 'searchcraft-slider',\n styleUrl: 'searchcraft-slider.module.scss',\n shadow: true,\n})\nexport class SearchcraftSlider {\n @Prop() maxYear = new Date().getFullYear();\n @Prop() minYear = 2014;\n\n @State() endYear = this.maxYear;\n @State() hasSearched = false;\n @State() query = '';\n @State() resultsCount = 0;\n @State() startYear = this.minYear;\n\n private searchStore = useSearchcraftStore.getState();\n\n unsubscribe: () => void;\n\n componentDidLoad() {\n this.unsubscribe = useSearchcraftStore.subscribe((state) => {\n if (state.query.length > 0) {\n this.hasSearched = true;\n this.resultsCount = state.searchResults?.data?.hits?.length || 0;\n }\n this.query = state.query;\n });\n }\n\n disconnectedCallback() {\n if (this.unsubscribe) {\n this.unsubscribe();\n }\n }\n\n private updateYears = async () => {\n this.searchStore.setYearsRange([this.startYear, this.endYear]);\n\n try {\n if (typeof this.query === 'string' && this.query.trim() !== '') {\n await this.searchStore.search();\n } else {\n console.warn('Query is missing or empty, skipping search request.');\n }\n } catch (error) {\n console.error('Search failed:', error);\n }\n };\n\n private handleStartYearChange = (event: InputEvent) => {\n const value = Number.parseInt((event.target as HTMLInputElement).value, 10);\n this.startYear = Math.min(value, this.endYear);\n this.updateYears();\n };\n\n private handleEndYearChange = (event: InputEvent) => {\n const value = Number.parseInt((event.target as HTMLInputElement).value, 10);\n this.endYear = Math.max(value, this.startYear);\n this.updateYears();\n };\n\n render() {\n if (!this.query || this.resultsCount === 0) {\n return null;\n }\n\n const rangeMin = this.minYear;\n const rangeMax = this.maxYear;\n const startPercent =\n ((this.startYear - rangeMin) / (rangeMax - rangeMin)) * 100;\n const endPercent =\n ((this.endYear - rangeMin) / (rangeMax - rangeMin)) * 100;\n\n return (\n <div class='sliderContainer'>\n <div class='rangeContainer'>\n <div\n class='activeRange'\n style={{\n left: `${startPercent}%`,\n width: `${endPercent - startPercent}%`,\n }}\n />\n <input\n class='rangeSlider'\n max={this.maxYear}\n min={this.minYear}\n onInput={this.handleStartYearChange}\n step='1'\n type='range'\n value={this.startYear}\n />\n <input\n class='rangeSlider'\n max={this.maxYear}\n min={this.minYear}\n onInput={this.handleEndYearChange}\n step='1'\n type='range'\n value={this.endYear}\n />\n </div>\n <div class='yearLabels'>\n <span class='yearLabel'>{this.startYear}</span>\n <span class='yearLabel'>{this.endYear}</span>\n </div>\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.spinnerDark {\n animation: spinning 1s linear infinite;\n background: conic-gradient(#000 50%, #FFFFFF);\n clip-path: circle(50%);\n height: 100%;\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 width: 100%;\n}\n\n.spinnerLight {\n animation: spinning 1s linear infinite;\n background: conic-gradient(#737373 50%, #FFFFFF);\n clip-path: circle(50%);\n height: 100%;\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 width: 100%;\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 animation: spinning 1s linear infinite;\n background: conic-gradient(#737373 50%, #FFFFFF);\n clip-path: circle(50%);\n height: 100%;\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 width: 100%;\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",".toggle-wrapper {\n background: #ddd;\n border: none;\n border-radius: 16px;\n box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.05);\n cursor: pointer;\n height: 26px;\n margin-left: 10px;\n position: relative;\n width: 44px;\n}\n\n.toggle-wrapper.active {\n background: #007DB3;\n box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.05);\n}\n\n.toggle-wrapper .toggle-switch {\n background: #fff;\n border-radius: 50%;\n height: 18px;\n left: 4px;\n position: absolute;\n top: calc(50% - 18px/2);\n transition: transform 0.3s ease;\n width: 18px;\n}\n\n.toggle-wrapper .toggle-switch.active {\n transform: translateX(16px);\n}\n","import { Component, h, Prop, State } from '@stencil/core';\nimport { useSearchcraftStore } from '@provider/store';\n\n@Component({\n tag: 'searchcraft-toggle-button',\n styleUrl: 'searchcraft-toggle-button.module.scss',\n shadow: true,\n})\nexport class SearchcraftToggleButton {\n /**\n * Type of the toggle - determines what it controls\n * 'mode': toggles between 'fuzzy' and 'normal'\n * 'sort': toggles between 'asc' and 'desc'\n */\n @Prop() type: 'mode' | 'sort' = 'mode';\n\n @State() isActive = false;\n @State() query = ''; // Track the query\n @State() resultsCount = 0; // Track the count of search results\n\n private unsubscribe: () => void;\n private searchStore = useSearchcraftStore.getState();\n\n componentDidLoad() {\n this.unsubscribe = useSearchcraftStore.subscribe((state) => {\n this.query = state.query || '';\n this.resultsCount = state.searchResults?.data?.hits?.length || 0;\n });\n }\n\n disconnectedCallback() {\n if (this.unsubscribe) {\n this.unsubscribe();\n }\n }\n\n private handleToggle = async () => {\n this.isActive = !this.isActive;\n\n if (this.type === 'mode') {\n const mode = this.isActive ? 'normal' : 'fuzzy';\n this.searchStore.setSearchParams({\n mode,\n });\n } else if (this.type === 'sort') {\n const sort = this.isActive ? 'desc' : 'asc';\n this.searchStore.setSearchParams({\n sort,\n });\n }\n\n try {\n await this.searchStore.search();\n } catch (error) {\n console.error('Search failed:', error);\n }\n };\n\n render() {\n if (!this.query || this.resultsCount === 0) {\n return null;\n }\n\n return (\n <button\n class={`toggle-wrapper ${this.isActive ? 'active' : ''}`}\n onClick={this.handleToggle}\n type='button'\n >\n <div class={`toggle-switch ${this.isActive ? 'active' : ''}`} />\n </button>\n );\n }\n}\n"],"mappings":"+MAAA,MAAMA,EAAqC,wLAC3C,MAAAC,EAAeD,E,MCyBFE,EAAyB,M,mIAyB5BC,KAAAC,gBAAwD,KACxDD,KAAAE,cAAgB,EAChBF,KAAAG,YAAcC,EAAoBC,WAmB1CL,KAAAM,kBAAqBC,IACnBP,KAAKQ,MAAQD,EAAME,OACnBT,KAAKG,YAAYO,SAASV,KAAKQ,OAC/BR,KAAKW,YAAYC,KAAKZ,KAAKQ,MAAM,EAGnCR,KAAAa,iBAAoBN,IAClB,MAAMO,EAASP,EAAME,OACrBT,KAAKQ,MAAQM,EACbd,KAAKG,YAAYO,SAASV,KAAKQ,OAC/BR,KAAKW,YAAYC,KAAKZ,KAAKQ,OAE3B,GAAIR,KAAKC,gBAAiB,CACxBc,aAAaf,KAAKC,gB,CAGpBD,KAAKC,gBAAkBe,YAAW,KAChChB,KAAKQ,MAAMS,SAAW,IAAMjB,KAAKkB,WAAW,GAC3ClB,KAAKE,cAAc,EAGxBF,KAAAmB,iBAAmB,KACjBnB,KAAKQ,MAAQ,GACbR,KAAKG,YAAYO,SAAS,IAE1B,UAAWV,KAAKoB,aAAe,WAAY,CACzCpB,KAAKoB,Y,CAGP,GAAIpB,KAAKC,gBAAiB,CACxBc,aAAaf,KAAKC,gB,CAGpBD,KAAKqB,MAAQ,MACbrB,KAAKsB,wBAAwBV,MAAM,EAG7BZ,KAAAkB,UAAYK,UAClB,GAAIvB,KAAKQ,MAAMS,SAAW,GAAI,CAC5BjB,KAAKqB,MAAQ,KACbrB,KAAKsB,wBAAwBV,M,KACxB,CACLZ,KAAKqB,MAAQ,MACbrB,KAAKG,YAAYO,SAASV,KAAKQ,OAE/B,UACQR,KAAKG,YAAYqB,Q,CACvB,MAAOH,GACPrB,KAAKqB,MAAQ,KACbrB,KAAKsB,wBAAwBV,M,IAKnCZ,KAAAyB,iBAAmBF,MAAOhB,IACxBA,EAAMmB,uBACA1B,KAAKkB,WAAW,E,yBArGM,G,gBACG,O,YACD,CAC9BS,OAAQ,GACRC,YAAa,GACbC,MAAO,I,0BAEuD,G,uBACpC,G,qBACF,G,oBACD,G,mBACD,G,sBACG,c,4BACM,M,0BACF,G,WAKd,M,kBACO,M,WACP,G,mBACoC,I,CAOrD,gBAAAC,GACE,MAAMC,EAAc,IAAIC,EAAgBhC,KAAKiC,QAC7CjC,KAAKG,YAAY+B,WAAWH,EAAa,MAEzC/B,KAAKmC,YAAc/B,EAAoBgC,WAAWC,IAChDrC,KAAKsC,aAAeD,EAAMC,aAC1BtC,KAAKuC,cAAaC,OAAAC,OAAA,GAAQJ,EAAME,cAAe,G,CAInD,oBAAAG,GACE,GAAI1C,KAAKmC,YAAa,CACpBnC,KAAKmC,a,EA+DT,MAAAQ,G,UACE,MAAMC,EAAY5C,KAAK6C,uBAAyB,UAAY,UAC5D,MAAMC,EAAqBC,EAAkB/C,KAAKgD,sBAClD,GAAIhD,KAAKQ,MAAMyC,OAAS,KAAKC,GAAAC,GAAAC,EAAApD,KAAKuC,iBAAa,MAAAa,SAAA,SAAAA,EAAEC,QAAI,MAAAF,SAAA,SAAAA,EAAEG,QAAI,MAAAJ,SAAA,SAAAA,EAAED,UAAW,EAAG,CACzEjD,KAAKsB,wBAAwBV,M,CAG/B,OACE2C,EAAA,QAAAC,IAAA,2CAAMC,MAAO,GAAGb,IAAac,SAAU1D,KAAKyB,kBAC1C8B,EAAA,2BAAAC,IAAA,2CAAyBG,MAAO3D,KAAK4D,gBACrCL,EAAA,qBAAAC,IAAA,2CACEK,aAAcf,EAAkB,sBACX9C,KAAK8D,kBAAiB,oBACxB9D,KAAK+D,gBAAe,mBACrB/D,KAAKgE,eAAc,gBACtBhE,KAAKsC,aACpB2B,aAAcjE,KAAKmB,iBACnB+C,aAAclE,KAAKa,iBACnBsD,oBAAqBnE,KAAKM,kBAAiB,oBACxBN,KAAKoE,iBACxB5D,MAAOR,KAAKQ,MAAK,4BACUR,KAAK6C,yBAEjC7C,KAAKqB,OACJkC,EAAA,6BAAAC,IAAA,2CAA2Ba,aAAa,iC,aC3JlD,MAAMC,EAAuC,ssGAC7C,MAAAC,EAAeD,E,MCMFE,EAA2B,M,wKAc7BxE,KAAAyE,eAA6B,OAC7BzE,KAAA0E,gBAA8B,OAC9B1E,KAAA2E,eAA6B,OAE9B3E,KAAA4E,kBAAoB,KAC1B5E,KAAKyE,gBAAgB,EAGfzE,KAAA6E,qBAAuB,KAC7B,GAAI7E,KAAK8E,cAAe,CACtB9E,KAAK2E,gB,mBAvBY,G,kBACE,K,iBACD,G,sBACK,G,iBACL,G,mBACE,M,oBACC,G,sBACE,G,oBACF,G,qBACC,G,eACY,Q,qBACZ,K,CAgBlB,WAAAI,GACN,IACE,OAAOC,KAAKC,MAAMjF,KAAK6D,a,CACvB,MAAOxC,GACP6D,QAAQ7D,MAAM,+BAAgCA,GAC9C,MAAO,E,EAIX,MAAAsB,GACE,MAAMwC,EAAenF,KAAKoF,YAAc,QACxC,MAAMC,EAASrF,KAAK+E,cAEpB,MAAMO,EAAiBtF,KAAKuF,aAC1BhC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,kBACTF,EAAA,OAAAC,IAAA,2CACEgC,IAAKxF,KAAKyF,iBACVhC,MAAO0B,EAAe,aAAe,YACrCO,IAAK1F,KAAKuF,YACVI,MAAON,EAAOO,OAAS,MAK7B,MAAMC,EACJtC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,oBACTF,EAAA,MAAAC,IAAA,2CACEC,MAAO0B,EAAe,eAAiB,cACvCQ,MAAON,EAAOS,SAAW,IAExB9F,KAAK+F,aAERxC,EAAA,MAAAC,IAAA,2CACEC,MAAO0B,EAAe,kBAAoB,iBAC1CQ,MAAON,EAAOW,YAAc,IAE3BhG,KAAKiG,gBAER1C,EAAA,KAAAC,IAAA,2CACEC,MAAO0B,EAAe,sBAAwB,qBAC9CQ,MAAON,EAAOa,gBAAkB,IAE/BlG,KAAKkG,gBAER3C,EAAA,OAAAC,IAAA,2CAAKC,MAAM,6BACTF,EAAA,KAAAC,IAAA,2CACEC,MACE0B,EAAe,wBAA0B,uBAE3CQ,MAAON,EAAOc,kBAAoB,IAEjCnG,KAAKmG,kBAER5C,EAAA,KAAAC,IAAA,2CACEC,MACE0B,EAAe,uBAAyB,sBAE1CQ,MAAON,EAAOe,iBAAmB,IAEhCpG,KAAKoG,kBAGTpG,KAAKqG,YACJ9C,EAAA,UAAAC,IAAA,2CACE8C,QAAStG,KAAK4E,kBACde,MAAON,EAAOkB,QAAU,GACxBC,KAAK,UAEJxG,KAAKqG,aAMd,OACE9C,EAAA,OAAAC,IAAA,2CACEC,MACEzD,KAAK8E,cACDK,EACE,kCACA,iCACF,kBAENsB,UAAWzG,KAAK0E,gBAChB4B,QAAStG,KAAK6E,qBACdc,MAAON,EAAOqB,WAAa,GAC3BC,SAAS,KAER3G,KAAK4G,gBACJrD,EAACsD,EAAQ,KACNhB,EACAP,GAGH/B,EAACsD,EAAQ,KACNvB,EACAO,G,aCnIb,MAAMiB,EAAwC,mmBAC9C,MAAAC,EAAeD,E,MCiBFE,EAA4B,M,yCAClB,E,4BAGwB,G,kCACN,G,qBACO,K,gBACzB,K,kBACE,M,oBACE,K,2BACO,M,iBAET,M,WACN,G,mBACoC,I,CAIrD,gBAAAlF,GACE,IACG9B,KAAKiH,8BACNjH,KAAKiH,6BAA6BhE,SAAW,EAC7C,CACAiC,QAAQgC,KAAK,4DACblH,KAAKiH,6BAA+B,E,CAGtCjH,KAAKmC,YAAc/B,EAAoBgC,WAAWC,IAChD,GAAIA,EAAM7B,MAAMyC,OAAS,EAAG,CAC1BjD,KAAKmH,YAAc,I,KACd,CACLnH,KAAKmH,YAAc,K,CAErBnH,KAAKuC,cAAaC,OAAAC,OAAA,GAAQJ,EAAME,eAChCvC,KAAKQ,MAAQ6B,EAAM7B,KAAK,IAG1B,MAAM+B,cAAEA,EAAa/B,MAAEA,GAAUJ,EAAoBC,WACrDL,KAAKuC,cAAgBA,EACrBvC,KAAKQ,MAAQA,C,CAGf,oBAAAkC,GACE,GAAI1C,KAAKmC,YAAa,CACpBnC,KAAKmC,a,EAIT,MAAAQ,G,kBACE,IAAK3C,KAAKmH,YAAa,CACrB,OACE5D,EAAA,OAAKE,MAAM,cACTF,EAAA,QAAM6D,KAAK,iB,CAKjB,MAAKhE,EAAApD,KAAKuC,iBAAa,MAAAa,SAAA,SAAAA,EAAEC,MAAM,CAC7B6B,QAAQgC,KAAK,oCACb,OAAO3D,EAAA,OAAKE,MAAM,cAAY,yB,CAGhC,MAAM4D,EAAmBC,EAAgBtH,KAAKiH,8BAC9C,MAAMM,SACGvH,KAAKwH,yBAA2B,SACnCxH,KAAKwH,uBACLC,EAAgBzH,KAAKwH,wBAE3B,MAAME,GAAoBC,GAAAzE,GAAAC,EAAAnD,KAAKuC,iBAAa,MAAAY,SAAA,SAAAA,EAAEE,QAAI,MAAAH,SAAA,SAAAA,EAAEI,QAAI,MAAAqE,SAAA,SAAAA,EAAEC,KACxD,CAACC,EAAUhG,KACT,MAAQiG,IAAKC,GAAWF,EACxB,MAAMG,EAAoBC,EACxBF,EACAV,GAGF,GAAIrH,KAAKkI,WAAY,CACnB,IAAK,MAAM1E,KAAO6D,EAAkB,CAClC,GAAIW,EAAkBxE,GAAM,CAC1B,MAAM2E,EAAQH,EAAkBxE,GAEhC,UACS2E,IAAU,WAChBC,OAAOC,MAAMC,KAAKrD,MAAMkD,IACzB,CACAH,EAAkBxE,GAAO+E,EAAwBJ,E,IAMzD,OACE5E,EAAA,oDACmB,IAAM2B,QAAQsD,IAAI,mBAAkB,gBACtCjB,EAAgB,eAE7BS,EAAkBX,EAAiBA,EAAiBpE,OAAS,IAAG,iBAElD,KAChBO,IAAK,GAAGqE,EAASY,eAAe5G,IAAO,mBACrB,IAAMqD,QAAQsD,IAAI,WAAU,eAChCR,EAAkBX,EAAiB,IAAG,oBACjCrH,KAAK0I,sBAAqB,kBAC5BV,EAAkBX,EAAiB,IAAG,kBACtC,IAAMnC,QAAQsD,IAAI,uBAAsB,oBACtCR,EAAkBX,EAAiB,IAAG,kBACxCW,EAAkBX,EAAiB,IAAG,mBACrCW,EAAkBX,EAAiB,KACrD,IAKR,MAAMsB,EAAiC,GAEvC,GAAI3I,KAAK4I,eAAgB,CACvBD,EAAgBE,KACdtF,EAAA,OAAKC,IAAI,mBAAmBC,MAAM,aAChCF,EAAA,kBACAA,EAAA,6B,CAKN,GAAIvD,KAAK8I,WAAa,EAAG,CACvBpB,EAAkBqB,SAAQ,CAACC,EAAWnH,KACpC8G,EAAgBE,KAAKG,GACrB,IAAKnH,EAAQ,GAAK7B,KAAK8I,aAAe,EAAG,CACvCH,EAAgBE,KACdtF,EAAA,OAAKC,IAAK,cAAc3B,EAAQ,IAAK4B,MAAM,aACzCF,EAAA,kBACAA,EAAA,6B,SAKH,CACLoF,EAAgBE,QAAQnB,E,CAG1B,GAAI1H,KAAKiJ,aAAc,CACrBN,EAAgBE,KACdtF,EAAA,OAAKC,IAAI,iBAAiBC,MAAM,aAC9BF,EAAA,kBACAA,EAAA,6B,CAKN,OACEA,EAAA,OAAKE,MAAM,oBACRkF,EACA3I,KAAKQ,MAAMyC,OAAS,KACnBiG,GAAAC,GAAAC,EAAApJ,KAAKuC,iBAAa,MAAA6G,SAAA,SAAAA,EAAE/F,QAAI,MAAA8F,SAAA,SAAAA,EAAE7F,QAAI,MAAA4F,SAAA,SAAAA,EAAEjG,UAAW,GACzCM,EAAA,OAAKE,MAAM,yBACTF,EAAA,6CACiB,gCAAgCvD,KAAKQ,kB,mBCxKvD6I,EAAoB,M,yBAC/B,MAAA1G,GACE,OACEY,EAAA,OAAAC,IAAA,2CAAK8F,MAAM,KAAKC,OAAO,KAAKC,QAAQ,YAAYC,KAAK,QACnDlG,EAAA,SAAAC,IAAA,8DACAD,EAAA,QAAAC,IAAA,2CACEkG,EAAE,wCACFC,OAAO,QAAO,eACD,IAAG,iBACD,QAAO,kBACN,U,SCVbC,EAAuB,M,mCAMhC,a,CAEF,MAAAjH,GACE,OAAQ3C,KAAKwG,MACX,IAAK,cACH,OACEjD,EAAA,OACE+F,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRC,KAAK,OACLI,MAAM,6BAA4B,kBAClB,cAEhBtG,EAAA,SAAOuG,GAAG,cAAY,sCACtBvG,EAAA,QACEmG,EAAE,wIACFC,OAAO,QAAO,eACD,MAAK,iBACH,QAAO,kBACN,WAIxB,IAAK,aACH,OACEpG,EAAA,OACE+F,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRC,KAAK,OACLI,MAAM,6BAA4B,kBAClB,cAEhBtG,EAAA,SAAOuG,GAAG,cAAY,qCACtBvG,EAAA,QACEmG,EAAE,wIACFC,OAAO,QAAO,eACD,MAAK,iBACH,QAAO,kBACN,WAIxB,IAAK,cACH,OACEpG,EAAA,OACE+F,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRC,KAAK,OACLI,MAAM,6BAA4B,kBAClB,cAEhBtG,EAAA,SAAOuG,GAAG,cAAY,sCACtBvG,EAAA,QACEmG,EAAE,wCACFC,OAAO,UAAS,eACH,MAAK,iBACH,QAAO,kBACN,WAIxB,IAAK,aACH,OACEpG,EAAA,OACE+F,MAAM,IACNC,OAAO,KACPC,QAAQ,WACRC,KAAK,OACLI,MAAM,6BAA4B,kBAClB,cAEhBtG,EAAA,SAAOuG,GAAG,cAAY,qCACtBvG,EAAA,QACEmG,EAAE,sBACFC,OAAO,UAAS,eACH,MAAK,iBACH,QAAO,kBACN,WAKxB,QACE,OAAO,K,GClGf,MAAMI,EAAuC,gcAC7C,MAAAC,EAAeD,E,MCcFE,EAA2B,M,gEAY9BjK,KAAAkK,iBAAoB3J,IAC1BA,EAAMmB,iBACN1B,KAAKoB,WAAWR,MAAM,E,kBAbA,M,4BACS,M,WAIhB,O,CAET,YAAAuE,GACN,OAAOnF,KAAKmK,QAAU,O,CAQxB,MAAAxH,GACE,OAAO3C,KAAK6C,uBACVU,EAAA,UACEE,MAAO2G,EAAW,sBAAuB,8BACzC9D,QAAStG,KAAKkK,iBACd1D,KAAK,UAEJxG,KAAKsC,aACJtC,KAAKmF,aACH5B,EAAA,kCAEAA,EAAA,iCAEAvD,KAAKmF,aACP5B,EAAA,8BAA4BiD,KAAK,gBAEjCjD,EAAA,8BAA4BiD,KAAK,gBAIrCjD,EAAA,UACEE,MAAO2G,EAAW,sBAAuB,8BACzC9D,QAAStG,KAAKkK,iBACd1D,KAAK,UAEJxG,KAAKsC,aACJtC,KAAKmF,aACH5B,EAAA,kCAEAA,EAAA,iCAEAvD,KAAKmF,aACP5B,EAAA,8BAA4BiD,KAAK,gBAEjCjD,EAAA,8BAA4BiD,KAAK,e,aClE3C,MAAM6D,EAAmC,8SACzC,MAAAC,EAAeD,E,MCOFE,EAAuB,M,gEASA,O,CAElC,MAAA5H,GACE,MAAM6H,EACJxK,KAAKmK,QAAU,QAAU,oBAAsB,mBAEjD,OACE5G,EAAA,KAAAC,IAAA,2CAAGC,MAAO2G,EAAWI,IAClBxK,KAAKqE,cAAgB,2B,aCzB9B,MAAMoG,EAAkC,yvCACxC,MAAAC,EAAeD,E,MCmBFE,EAAsB,M,wEAWzB3K,KAAAG,YAAcC,EAAoBC,WA4D1CL,KAAA4K,mBAAqB,CAACzC,EAAe0C,KACnC,GAAIA,EAAS,CACX7K,KAAK8K,gBAAgBC,IAAI5C,E,KACpB,CACLnI,KAAK8K,gBAAgBE,OAAO7C,E,CAE9B,MAAM8C,EAAsBjL,KAAKkL,iBAC/BC,MAAMC,KAAKpL,KAAK8K,kBAGlB9K,KAAKqL,eAAezK,KAAKqK,GACzBjL,KAAKG,YAAYmL,mBAAmBL,GACpCjL,KAAKG,YAAYqB,QAAQ,E,aAlFgC,G,oBAIQ,G,kBAC3C,M,WACP,G,kBACO,E,qBACgB,IAAI+J,G,CAK5C,iBAAAC,G,MACE,MAAMnJ,EAAQrC,KAAKG,YAEnB,IAAIiD,EAAAf,EAAME,iBAAa,MAAAa,SAAA,SAAAA,EAAEC,KAAKoI,OAAQ,CACpCzL,KAAK0L,0BAA0BrJ,EAAME,cAAcc,KAAKoI,O,CAG1DzL,KAAKmC,YAAc/B,EAAoBgC,WAAWC,I,YAChD,IAAKA,EAAM7B,OAAS6B,EAAM7B,MAAMS,OAAOgC,SAAW,EAAG,CACnD,GAAIjD,KAAK8K,gBAAgBa,KAAO,EAAG,CACjC3L,KAAK8K,gBAAgBc,QACrB5L,KAAKqL,eAAezK,KAAK,IACzB,GAAIZ,KAAKG,YAAY2K,gBAAgB7H,OAAS,EAAG,CAC/CjD,KAAKG,YAAYmL,mBAAmB,G,GAI1CtL,KAAKQ,MAAQ6B,EAAM7B,OAAS,GAC5BR,KAAKsC,aAAeD,EAAMC,aAC1BtC,KAAK6L,eAAe3I,GAAAC,GAAAC,EAAAf,EAAME,iBAAa,MAAAa,SAAA,SAAAA,EAAEC,QAAI,MAAAF,SAAA,SAAAA,EAAEG,QAAI,MAAAJ,SAAA,SAAAA,EAAED,SAAU,EAE/D,IAAI0E,EAAAtF,EAAME,iBAAa,MAAAoF,SAAA,SAAAA,EAAEtE,KAAKoI,OAAQ,CACpCzL,KAAK0L,0BAA0BrJ,EAAME,cAAcc,KAAKoI,O,KAK9D,oBAAA/I,GACE,GAAI1C,KAAKmC,YAAa,CACpBnC,KAAKmC,a,EAIT,yBAAAuJ,CAA0BD,G,MACxB,MAAMK,EAAaC,IAAc3I,EAAAqI,EAAO,MAAE,MAAArI,SAAA,SAAAA,EAAE4I,UAAW,IACvD,MAAMC,EAAa,IAAIC,IAEvBlM,KAAKmM,eAAepD,SAASqD,IAC3B,MAAM5I,EAAM4I,EAAOjE,MAAMkE,MAAM,KAAKC,OAAS,GAC7CL,EAAWM,IAAI/I,EAAK4I,EAAO,IAG7BN,EAAW/C,SAASqD,IAClB,MAAM5I,EAAM4I,EAAOjE,MAAMkE,MAAM,KAAKC,OAAS,GAC7C,MAAME,EAAiBP,EAAWQ,IAAIjJ,GAEtC,IACGgJ,GACDJ,EAAOjE,MAAMlF,OAASuJ,EAAerE,MAAMlF,OAC3C,CACAgJ,EAAWM,IAAI/I,EAAK4I,E,KAIxBpM,KAAKmM,eAAiBhB,MAAMC,KAAKa,EAAWS,S,CAkB9C,gBAAAxB,CAAiByB,GACf,MAAMC,EAAU,IAAIV,IAEpBS,EAAQ5D,SAAS8D,IACf,MAAMrJ,EAAMqJ,EAAKR,MAAM,KAAKC,OAAS,GACrC,MAAMQ,EAAeF,EAAQH,IAAIjJ,GAEjC,IAAKsJ,GAAgBD,EAAK5J,OAAS6J,EAAa7J,OAAQ,CACtD2J,EAAQL,IAAI/I,EAAKqJ,E,KAIrB,OAAO1B,MAAMC,KAAKwB,EAAQF,S,CAG5B,WAAAK,CAAYpJ,GACV,OAAOA,EACJqJ,QAAQ,KAAM,KACdX,MAAM,KACNzE,KAAKqF,GAASA,EAAKC,OAAO,GAAGC,cAAgBF,EAAKG,MAAM,KACxDC,KAAK,I,CAGV,MAAA1K,GACE,IAAK3C,KAAKQ,OAASR,KAAK6L,eAAiB,EAAG,CAC1C,OAAO,I,CAGT,MAAMyB,EAAkBtN,KAAKmM,eAAeC,QACzCA,IAAYA,EAAOjE,MAAMoF,SAAS,IAAKnB,EAAOjE,MAAMqF,QAAQ,KAAO,KAGtE,OACEjK,EAAA,OAAKE,MAAM,eACR6J,EAAgB1F,KAAKwE,IACpB,MAAMqB,EAAYzN,KAAK8K,gBAAgB4C,IAAItB,EAAOjE,OAClD,MAAMwF,EAAW3N,KAAKmM,eAAeC,QAClCwB,GACCA,EAAMzF,MAAM0F,WAAW,GAAGzB,EAAOjE,WACjCyF,EAAMzF,QAAUiE,EAAOjE,QAG3B,OACE5E,EAAA,OAAKC,IAAK4I,EAAOjE,OACf5E,EAAA,SAAOE,MAAM,iBACXF,EAAA,SACEE,MAAM,iBACNoH,QAAS4C,EACTK,SAAWvN,GACTP,KAAK4K,mBACHwB,EAAOjE,MACN5H,EAAMO,OAA4B+J,SAGvCrE,KAAK,aAEPjD,EAAA,OAAKE,MAAM,kBACTF,EAAA,gCAEDvD,KAAK+M,YAAYX,EAAOzI,QAE1BgK,EAAS/F,KAAKgG,IACb,MAAMG,EAAiB/N,KAAK8K,gBAAgB4C,IAAIE,EAAMzF,OACtD,OACE5E,EAAA,SACEE,MAAM,qBACND,IAAKoK,EAAMzF,MACXxC,MAAO,CAAEqI,WAAY,SAErBzK,EAAA,SACEE,MAAM,sBACNoH,QAASkD,EACTD,SAAWvN,GACTP,KAAK4K,mBACHgD,EAAMzF,MACL5H,EAAMO,OAA4B+J,SAGvCrE,KAAK,aAEPjD,EAAA,OAAKE,MAAM,kBACTF,EAAA,gCAEDvD,KAAK+M,YAAYa,EAAMjK,MAAM0I,MAAM,KAAKC,OAAS,IAC5C,IAGR,I,aCjMlB,MAAM2B,EAA4B,4sHAClC,MAAAC,EAAeD,E,MCsBFE,EAAgB,M,8KAC6B,G,WACxC,M,mBACQ,G,2BACQ,G,uBACJ,G,oBACH,G,qBACC,G,oBACD,G,kBACF,M,sBACI,e,4BACM,M,WACjB,G,WAMC,O,CAEjB,gBAAYhJ,GACV,OAAOnF,KAAKmK,QAAU,O,CAGxB,iBAAA7J,CAAkBC,GAChB,MAAM6N,EAAQ7N,EAAMO,OACpBd,KAAKqO,kBAAkBzN,KAAKwN,EAAMjG,M,CAGpC,gBAAAtH,CAAiBN,GACf,MAAM6N,EAAQ7N,EAAMO,OACpBd,KAAKsO,WAAW1N,KAAKwN,EAAMjG,M,CAG7B,gBAAAhH,GACE,GAAInB,KAAKoB,WAAY,CACnBpB,KAAKoB,WAAWR,M,EAIpB,MAAA+B,GACE,MAAM4L,EAAqBvO,KAAK6C,uBAC5B,oBACA,oBAEJ,MAAM2L,EAAiBpE,EACrBpK,KAAKqB,MACDrB,KAAKmF,aACH,qBACA,oBACFnF,KAAKmF,aACH,gBACA,eACN,qBAGF,MAAMsJ,EAAwB1L,EAAkB/C,KAAK6D,cAErD,MAAM6K,EAAmB,CACvBC,SAAUF,EAAsBG,qBAAuB,QAEzD,OACErL,EAAA,OAAAC,IAAA,2CACEC,MAAO2G,EACLmE,EACAvO,KAAK6O,cACL,2BAGD7O,KAAK6C,uBACJU,EAACsD,EAAQ,KACPtD,EAAA,SACEuL,aAAa,MACbrL,MAAO2G,EAAWoE,EAAgB,qBAClC1E,GAAG,uBACHgE,SAAU9N,KAAKM,kBAAkByO,KAAK/O,MACtCgP,QAAShP,KAAKa,iBAAiBkO,KAAK/O,MACpCiP,YAAajP,KAAKoE,iBAClBoC,KAAK,OACL2B,MAAOnI,KAAKQ,MACZmF,MAAO8I,IAETlL,EAAA,aACG,wFAEgBmL,EAAiBC,gDAInC3O,KAAK8D,mBACJP,EAAA,6BACE2L,sBAAuBlP,KAAKkP,sBAC5BpL,kBAAmB9D,KAAK8D,kBACxBjB,uBAAwB7C,KAAK6C,yBAGhC7C,KAAKQ,MAAMyC,OAAS,GACnBM,EAAA,kCACEjB,aAActC,KAAKsC,aACnB2B,aAAcjE,KAAKmB,iBACnB0B,uBAAwB7C,KAAK6C,yBAGjCU,EAAA,0BACElC,MAAOrB,KAAKqB,MACZkI,OAAQvJ,KAAK+D,gBACblB,uBAAwB7C,KAAK6C,uBAC7ByG,MAAOtJ,KAAKgE,kBAIhBT,EAACsD,EAAQ,KACPtD,EAAA,0BACElC,MAAOrB,KAAKqB,MACZkI,OAAQvJ,KAAK+D,gBACblB,uBAAwB7C,KAAK6C,uBAC7ByG,MAAOtJ,KAAKgE,iBAEdT,EAAA,SACEuL,aAAa,MACbrL,MAAO2G,EAAWoE,EAAgB,qBAClC1E,GAAG,uBACHgE,SAAU9N,KAAKM,kBAAkByO,KAAK/O,MACtCgP,QAAShP,KAAKa,iBAAiBkO,KAAK/O,MACpCiP,YAAajP,KAAKoE,iBAClBoC,KAAK,OACL2B,MAAOnI,KAAKQ,MACZmF,MAAO8I,IAETlL,EAAA,aACG,wFAEgBmL,EAAiBC,gDAInC3O,KAAK8D,mBACJP,EAAA,6BACE2L,sBAAuBlP,KAAKkP,sBAC5BpL,kBAAmB9D,KAAK8D,kBACxBjB,uBAAwB7C,KAAK6C,yBAGhC7C,KAAKQ,MAAMyC,OAAS,GACnBM,EAAA,kCACEjB,aAActC,KAAKsC,aACnB2B,aAAcjE,KAAKmB,iBACnB0B,uBAAwB7C,KAAK6C,0B,aC1K7C,MAAMsM,EAAmC,+oCACzC,MAAAC,EAAeD,E,MCOFE,EAAuB,M,yEAED,G,uBACL,e,4BACK,M,WAChB,O,CAET,YAAAlK,GACN,OAAOnF,KAAKmK,QAAU,O,CAGxB,MAAAxH,GACE,OAAO3C,KAAK6C,uBACVU,EAAA,KACEE,MAAO2G,EACLpK,KAAKqB,MACDrB,KAAKmF,aACH,4BACA,2BACFnF,KAAKmF,aACH,uBACA,sBACNnF,KAAKkP,sBACL,+BAGDlP,KAAK8D,mBAGRP,EAAA,KACEE,MAAO2G,EACLpK,KAAKqB,MACDrB,KAAKmF,aACH,4BACA,2BACFnF,KAAKmF,aACH,uBACA,sBACNnF,KAAKkP,sBACL,+BAGDlP,KAAK8D,kB,aClDd,MAAMwL,EAAgC,8MACtC,MAAAC,EAAeD,E,MCMFE,EAAoB,M,0DAEd,G,4BACgB,M,WACjB,G,WAEC,O,CAET,YAAArK,GACN,OAAOnF,KAAKmK,QAAU,O,CAGxB,MAAAxH,GACE,OAAO3C,KAAKqB,MACVkC,EAAA,OACEE,MAAOzD,KAAK6C,uBAAyB,eAAiB,gBAErD7C,KAAKmF,eACJ5B,EAAA,+BACEgG,OAAQvJ,KAAKuJ,OACb/C,KAAK,cACL8C,MAAOtJ,KAAKsJ,QAGd/F,EAAA,+BACEgG,OAAQvJ,KAAKuJ,OACb/C,KAAK,aACL8C,MAAOtJ,KAAKsJ,SAKlB/F,EAAA,OACEE,MAAOzD,KAAK6C,uBAAyB,eAAiB,gBAErD7C,KAAKmF,eACJ5B,EAAA,+BACEgG,OAAQvJ,KAAKuJ,OACb/C,KAAK,eACL8C,MAAOtJ,KAAKsJ,QAGd/F,EAAA,+BACEgG,OAAQvJ,KAAKuJ,OACb/C,KAAK,cACL8C,MAAOtJ,KAAKsJ,Q,aCpDxB,MAAMmG,EAAiC,6RACvC,MAAAC,EAAeD,E,MCOFE,EAAqB,M,kDACD,G,gCAEd,O,CAET,YAAAxK,GACN,OAAOnF,KAAKmK,QAAU,O,CAGxB,MAAAxH,GACE,IAAK3C,KAAK2D,MAAO,CACf,OAAO,I,CAET,MAAMiM,EAAa5P,KAAKmF,eAAiB,aAAe,YACxD,OACE5B,EAAA,SACEE,MAAO2G,EAAWwF,EAAY5P,KAAK6P,qBACnCC,QAAQ,wBAEP9P,KAAK2D,M,aC3Bd,MAAMoM,EAAkC,uMACxC,MAAAC,EAAeD,E,MCOFE,EAAsB,M,2CACT,M,kBACA,E,kBACA,G,WACP,E,CAIjB,iBAAAzE,GACExL,KAAKmC,YAAc/B,EAAoBgC,WAAWC,I,YAChDrC,KAAKsC,aAAeD,EAAMC,aAC1BtC,KAAK6L,eAAe1I,GAAAC,EAAAf,EAAME,iBAAa,MAAAa,SAAA,SAAAA,EAAEC,QAAI,MAAAF,SAAA,SAAAA,EAAE+M,QAAS,EACxDlQ,KAAKmQ,iBACFxI,GAAAzE,EAAAb,EAAME,iBAAa,MAAAW,SAAA,SAAAA,EAAEG,QAAI,MAAAsE,SAAA,SAAAA,EAAEyI,aAAc,GAAK,KAC/CC,QAAQ,GACVrQ,KAAKQ,MAAQ6B,EAAM7B,OAAS,EAAE,G,CAIlC,oBAAAkC,GACE,GAAI1C,KAAKmC,YAAa,CACpBnC,KAAKmC,a,EAIT,MAAAQ,GACE,IAAK3C,KAAKQ,OAASR,KAAK6L,eAAiB,EAAG,CAC1C,OAAO,I,CAGT,OACEtI,EAAA,OAAKE,MAAM,aACTF,EAAA,KAAGE,MAAM,eACNzD,KAAK6L,aAAY,qBAAoB7L,KAAKmQ,aAAY,M,mBCnCpDG,EAAwB,M,mCAMjC,c,WACc,G,YACC,E,CAEjB,MAAA3N,GACE,MAAM2G,MAAEA,EAAKC,OAAEA,GAAWvJ,KAC1B,OAAQA,KAAKwG,MACX,IAAK,eACH,OACEjD,EAAA,OACE+F,MAAOA,EACPC,OAAQA,EACRC,QAAQ,YACRC,KAAK,OACLI,MAAM,6BAA4B,kBAClB,qBAEhBtG,EAAA,SAAOuG,GAAG,qBAAmB,iCAC7BvG,EAAA,QACEmG,EAAE,oNACFC,OAAO,UAAS,eACH,MAAK,iBACH,QAAO,kBACN,WAIxB,IAAK,cACH,OACEpG,EAAA,OACE+F,MAAOA,EACPC,OAAQA,EACRC,QAAQ,YACRC,KAAK,OACLI,MAAM,6BAA4B,kBAClB,qBAEhBtG,EAAA,SAAOuG,GAAG,qBAAmB,gCAC7BvG,EAAA,QACEmG,EAAE,oNACFC,OAAO,UAAS,eACH,MAAK,iBACH,QAAO,kBACN,WAIxB,IAAK,cACH,OACEpG,EAAA,OACE+F,MAAOA,EACPC,OAAQA,EACRC,QAAQ,YACRC,KAAK,OACLI,MAAM,6BAA4B,kBAClB,qBAEhBtG,EAAA,SAAOuG,GAAG,qBAAmB,uCAG7BvG,EAAA,QACEmG,EAAE,oNACFC,OAAO,UAAS,eACH,MAAK,iBACH,QAAO,kBACN,WAIxB,IAAK,aACH,OACEpG,EAAA,OACE+F,MAAOA,EACPC,OAAQA,EACRC,QAAQ,YACRC,KAAK,OACLI,MAAM,6BAA4B,kBAClB,qBAEhBtG,EAAA,SAAOuG,GAAG,qBAAmB,sCAG7BvG,EAAA,QACEmG,EAAE,oNACFC,OAAO,UAAS,eACH,MAAK,iBACH,QAAO,kBACN,WAIxB,QACE,OAAO,K,GCxGf,MAAM4G,EAA6B,2hCACnC,MAAAC,EAAeD,E,MCOFE,EAAiB,M,yBAUpBzQ,KAAAG,YAAcC,EAAoBC,WAoBlCL,KAAA0Q,YAAcnP,UACpBvB,KAAKG,YAAYwQ,cAAc,CAAC3Q,KAAK4Q,UAAW5Q,KAAK6Q,UAErD,IACE,UAAW7Q,KAAKQ,QAAU,UAAYR,KAAKQ,MAAMS,SAAW,GAAI,OACxDjB,KAAKG,YAAYqB,Q,KAClB,CACL0D,QAAQgC,KAAK,sD,EAEf,MAAO7F,GACP6D,QAAQ7D,MAAM,iBAAkBA,E,GAI5BrB,KAAA8Q,sBAAyBvQ,IAC/B,MAAM4H,EAAQC,OAAO2I,SAAUxQ,EAAMO,OAA4BqH,MAAO,IACxEnI,KAAK4Q,UAAYI,KAAKC,IAAI9I,EAAOnI,KAAK6Q,SACtC7Q,KAAK0Q,aAAa,EAGZ1Q,KAAAkR,oBAAuB3Q,IAC7B,MAAM4H,EAAQC,OAAO2I,SAAUxQ,EAAMO,OAA4BqH,MAAO,IACxEnI,KAAK6Q,QAAUG,KAAKG,IAAIhJ,EAAOnI,KAAK4Q,WACpC5Q,KAAK0Q,aAAa,E,cApDF,IAAIpI,MAAO8I,c,aACX,K,aAECpR,KAAKqR,Q,iBACD,M,WACN,G,kBACO,E,eACHrR,KAAKsR,O,CAM1B,gBAAAxP,GACE9B,KAAKmC,YAAc/B,EAAoBgC,WAAWC,I,UAChD,GAAIA,EAAM7B,MAAMyC,OAAS,EAAG,CAC1BjD,KAAKmH,YAAc,KACnBnH,KAAK6L,eAAe3I,GAAAC,GAAAC,EAAAf,EAAME,iBAAa,MAAAa,SAAA,SAAAA,EAAEC,QAAI,MAAAF,SAAA,SAAAA,EAAEG,QAAI,MAAAJ,SAAA,SAAAA,EAAED,SAAU,C,CAEjEjD,KAAKQ,MAAQ6B,EAAM7B,KAAK,G,CAI5B,oBAAAkC,GACE,GAAI1C,KAAKmC,YAAa,CACpBnC,KAAKmC,a,EA8BT,MAAAQ,GACE,IAAK3C,KAAKQ,OAASR,KAAK6L,eAAiB,EAAG,CAC1C,OAAO,I,CAGT,MAAM0F,EAAWvR,KAAKsR,QACtB,MAAME,EAAWxR,KAAKqR,QACtB,MAAMI,GACFzR,KAAK4Q,UAAYW,IAAaC,EAAWD,GAAa,IAC1D,MAAMG,GACF1R,KAAK6Q,QAAUU,IAAaC,EAAWD,GAAa,IAExD,OACEhO,EAAA,OAAKE,MAAM,mBACTF,EAAA,OAAKE,MAAM,kBACTF,EAAA,OACEE,MAAM,cACNkC,MAAO,CACLgM,KAAM,GAAGF,KACTnI,MAAO,GAAGoI,EAAaD,QAG3BlO,EAAA,SACEE,MAAM,cACN0N,IAAKnR,KAAKqR,QACVJ,IAAKjR,KAAKsR,QACVM,QAAS5R,KAAK8Q,sBACde,KAAK,IACLrL,KAAK,QACL2B,MAAOnI,KAAK4Q,YAEdrN,EAAA,SACEE,MAAM,cACN0N,IAAKnR,KAAKqR,QACVJ,IAAKjR,KAAKsR,QACVM,QAAS5R,KAAKkR,oBACdW,KAAK,IACLrL,KAAK,QACL2B,MAAOnI,KAAK6Q,WAGhBtN,EAAA,OAAKE,MAAM,cACTF,EAAA,QAAME,MAAM,aAAazD,KAAK4Q,WAC9BrN,EAAA,QAAME,MAAM,aAAazD,KAAK6Q,U,aC3GxC,MAAMiB,EAAkC,uqBACxC,MAAAC,EAAeD,E,MCMFE,GAAsB,M,yBACjC,MAAArP,GACE,OACEY,EAAA,OAAAC,IAAA,2CAAKC,MAAM,oBACTF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,gB,cCXnB,MAAMwO,GAAmC,+aACzC,MAAAC,GAAeD,G,MCMFE,GAAuB,M,yBAClC,MAAAxP,GACE,OACEY,EAAA,OAAAC,IAAA,2CAAKC,MAAM,oBACTF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,iB,eCXnB,MAAM2O,GAAmC,0fACzC,MAAAC,GAAeD,G,MCOFE,GAAuB,M,yBAa1BtS,KAAAG,YAAcC,EAAoBC,WAelCL,KAAAuS,aAAehR,UACrBvB,KAAKwS,UAAYxS,KAAKwS,SAEtB,GAAIxS,KAAKwG,OAAS,OAAQ,CACxB,MAAMiM,EAAOzS,KAAKwS,SAAW,SAAW,QACxCxS,KAAKG,YAAYuS,gBAAgB,CAC/BD,Q,MAEG,GAAIzS,KAAKwG,OAAS,OAAQ,CAC/B,MAAMmM,EAAO3S,KAAKwS,SAAW,OAAS,MACtCxS,KAAKG,YAAYuS,gBAAgB,CAC/BC,Q,CAIJ,UACQ3S,KAAKG,YAAYqB,Q,CACvB,MAAOH,GACP6D,QAAQ7D,MAAM,iBAAkBA,E,aAxCJ,O,cAEZ,M,WACH,G,kBACO,C,CAKxB,gBAAAS,GACE9B,KAAKmC,YAAc/B,EAAoBgC,WAAWC,I,UAChDrC,KAAKQ,MAAQ6B,EAAM7B,OAAS,GAC5BR,KAAK6L,eAAe3I,GAAAC,GAAAC,EAAAf,EAAME,iBAAa,MAAAa,SAAA,SAAAA,EAAEC,QAAI,MAAAF,SAAA,SAAAA,EAAEG,QAAI,MAAAJ,SAAA,SAAAA,EAAED,SAAU,CAAC,G,CAIpE,oBAAAP,GACE,GAAI1C,KAAKmC,YAAa,CACpBnC,KAAKmC,a,EA0BT,MAAAQ,GACE,IAAK3C,KAAKQ,OAASR,KAAK6L,eAAiB,EAAG,CAC1C,OAAO,I,CAGT,OACEtI,EAAA,UACEE,MAAO,kBAAkBzD,KAAKwS,SAAW,SAAW,KACpDlM,QAAStG,KAAKuS,aACd/L,KAAK,UAELjD,EAAA,OAAKE,MAAO,iBAAiBzD,KAAKwS,SAAW,SAAW,O","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,c as s,h as e}from"./p-0880cfbb.js";import{u as a,a as i,g as
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,c as s,h as e}from"./p-0880cfbb.js";import{u as a,a as i,g as c}from"./p-901fee50.js";const h=":root{--font-stack:Helvetica, Arial, sans-serif}.formLTR{font-family:var(--font-stack);text-align:left}.formRTL{font-family:var(--font-stack);text-align:right}.searchContainer{align-items:center;display:flex}";const r=h;const f=class{constructor(e){t(this,e);this.clearInput=s(this,"clearInput",7);this.clearInput=()=>{};this.searchStore=a.getState();this.themeStore=i.getState();this.componentDidLoad=()=>{const t=new c(this.config);this.searchStore.initialize(t,true)};this.handleFormSubmit=async t=>{t.preventDefault();if(this.query.trim()===""){this.error=true}else{this.error=false;this.searchStore.setQuery(this.query);await this.searchStore.search();this.searchResults=JSON.stringify(this.searchStore.searchResults)}};this.handleSearchInputChange=t=>{this.query=t.detail};this.handleClearInput=()=>{this.query="";this===null||this===void 0?void 0:this.clearInput()};this.toggleTheme=()=>{this.themeStore.toggleTheme()};this.config={apiKey:"",endpointURL:"",index:[]};this.errorMessage="Search was unsuccessful";this.labelForInput="Search";this.rightToLeftOrientation=false;this.error=false;this.query="";this.searchResults=null}render(){return e("form",{key:"b7ec4a78fdb2fef83b7734cd3f3304726066f597",class:this.rightToLeftOrientation?"formRTL":"formLTR",onSubmit:this.handleFormSubmit},e("searchcraft-input-label",{key:"faf932837b0edf4c9c263558ed365c22ef82e71e",label:this.labelForInput}),e("div",{key:"aa5c9d107d86d79bc37da1fa3f5e5fd9da3526a7",class:"searchContainer"},this.rightToLeftOrientation&&e("searchcraft-button",{key:"b8937b05ea7cfdb83a5f65f5dd6c7fd0ce46c49e"}),e("searchcraft-input",{key:"6d60cfa669d20323167e8c5930a56f56730e793c",onClearInput:this.handleClearInput,onSearchInputChange:this.handleSearchInputChange,query:this.query,rightToLeftOrientation:this.rightToLeftOrientation}),!this.rightToLeftOrientation&&e("searchcraft-button",{key:"622523c13da7f7f928c62a3d3c8d8bd2109c117f",onButtonClick:this.handleFormSubmit})),this.error&&e("searchcraft-error-message",{key:"c7fb8c7aa73f201b19cc86653cd685d159e34bfb",errorMessage:this.errorMessage}))}};f.style=r;export{f as searchcraft_base_search_form};
|
|
2
|
+
//# sourceMappingURL=p-d9efd790.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as e,b as t}from"./p-0880cfbb.js";export{s as setNonce}from"./p-0880cfbb.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-
|
|
1
|
+
import{p as e,b as t}from"./p-0880cfbb.js";export{s as setNonce}from"./p-0880cfbb.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-67cc5ccb",[[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"],inputIconHeight:[2,"input-icon-height"],inputIconWidth:[2,"input-icon-width"],labelForInput:[1,"label-for-input"],placeholderValue:[1,"placeholder-value"],rightToLeftOrientation:[4,"right-to-left-orientation"],searchContainerClass:[1,"search-container-class"],error:[32],isRequesting:[32],query:[32],searchResults:[32]}],[1,"searchcraft-base-search-results",{adInterval:[2,"ad-interval"],customStylesForResults:[1,"custom-styles-for-results"],documentAttributesForDisplay:[1,"document-attributes-for-display"],fallbackElement:[16],formatTime:[4,"format-time"],placeAdAtEnd:[4,"place-ad-at-end"],placeAdAtStart:[4,"place-ad-at-start"],placeResultImageRight:[4,"place-result-image-right"],hasSearched:[32],query:[32],searchResults:[32]}],[1,"searchcraft-filters-list",{filters:[16],dynamicFilters:[32],isRequesting:[32],query:[32],resultsCount:[32],selectedFilters:[32]}],[1,"searchcraft-results-info",{isRequesting:[32],resultsCount:[32],responseTime:[32],query:[32]}],[1,"searchcraft-slider",{maxYear:[2,"max-year"],minYear:[2,"min-year"],endYear:[32],hasSearched:[32],query:[32],resultsCount:[32],startYear:[32]}],[1,"searchcraft-toggle-button",{type:[1],isActive:[32],query:[32],resultsCount:[32]}],[1,"searchcraft-base-search-result",{buttonText:[1,"button-text"],customStyles:[1,"custom-styles"],headingText:[1,"heading-text"],imageDescription:[1,"image-description"],imageSource:[1,"image-source"],isInteractive:[4,"is-interactive"],primaryContent:[1,"primary-content"],secondaryContent:[1,"secondary-content"],subheadingText:[1,"subheading-text"],tertiaryContent:[1,"tertiary-content"],themeMode:[1,"theme-mode"],placeImageRight:[4,"place-image-right"]}],[1,"searchcraft-check-icon"],[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"],inputIconHeight:[2,"input-icon-height"],inputIconWidth:[2,"input-icon-width"],isRequesting:[4,"is-requesting"],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],height:[2],rightToLeftOrientation:[4,"right-to-left-orientation"],width:[2],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-clear-icon-set",{type:[1]}],[1,"searchcraft-search-icon-set",{type:[1],width:[2],height:[2]}],[1,"searchcraft-spinner-light"],[1,"searchcraft-spinner-dark"]]],["p-d9efd790",[[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-5ec960bd",[[1,"searchcraft-button-icon"]]],["p-66f38e89",[[1,"searchcraft-button",{iconElement:[16],iconOnly:[4,"icon-only"],iconPosition:[1,"icon-position"],label:[1],isRequesting:[32],theme:[32]}]]]],e)}));
|
|
2
2
|
//# sourceMappingURL=searchcraft-javascript-sdk.esm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","async","options","globalScripts","bootstrapLazy","autoSearchFormClass","clearInput","config","customStylesForInput","inputCaptionValue","inputIconHeight","inputIconWidth","labelForInput","placeholderValue","rightToLeftOrientation","searchContainerClass","error","isRequesting","query","searchResults","adInterval","customStylesForResults","documentAttributesForDisplay","fallbackElement","formatTime","placeAdAtEnd","placeAdAtStart","placeResultImageRight","hasSearched","filters","dynamicFilters","resultsCount","selectedFilters","responseTime","maxYear","minYear","endYear","startYear","type","isActive","buttonText","customStyles","headingText","imageDescription","imageSource","isInteractive","primaryContent","secondaryContent","subheadingText","tertiaryContent","themeMode","placeImageRight","formClassName","inputCaptionClassName","inputClassName","theme","inputLabelClassName","label","height","width","errorMessage","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,gBAAA,wBAAAC,eAAA,uBAAAC,cAAA,sBAAAC,iBAAA,wBAAAC,uBAAA,gCAAAC,qBAAA,6BAAAC,MAAA,KAAAC,aAAA,KAAAC,MAAA,KAAAC,cAAA,6CAAAC,WAAA,kBAAAC,uBAAA,gCAAAC,6BAAA,sCAAAC,gBAAA,KAAAC,WAAA,kBAAAC,aAAA,sBAAAC,eAAA,wBAAAC,sBAAA,+BAAAC,YAAA,KAAAV,MAAA,KAAAC,cAAA,sCAAAU,QAAA,KAAAC,eAAA,KAAAb,aAAA,KAAAC,MAAA,KAAAa,aAAA,KAAAC,gBAAA,sCAAAf,aAAA,KAAAc,aAAA,KAAAE,aAAA,KAAAf,MAAA,gCAAAgB,QAAA,eAAAC,QAAA,eAAAC,QAAA,KAAAR,YAAA,KAAAV,MAAA,KAAAa,aAAA,KAAAM,UAAA,uCAAAC,KAAA,IAAAC,SAAA,KAAArB,MAAA,KAAAa,aAAA,4CAAAS,WAAA,kBAAAC,aAAA,oBAAAC,YAAA,mBAAAC,iBAAA,wBAAAC,YAAA,mBAAAC,cAAA,qBAAAC,eAAA,sBAAAC,iBAAA,wBAAAC,eAAA,sBAAAC,gBAAA,uBAAAC,UAAA,iBAAAC,gBAAA,
|
|
1
|
+
{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","async","options","globalScripts","bootstrapLazy","autoSearchFormClass","clearInput","config","customStylesForInput","inputCaptionValue","inputIconHeight","inputIconWidth","labelForInput","placeholderValue","rightToLeftOrientation","searchContainerClass","error","isRequesting","query","searchResults","adInterval","customStylesForResults","documentAttributesForDisplay","fallbackElement","formatTime","placeAdAtEnd","placeAdAtStart","placeResultImageRight","hasSearched","filters","dynamicFilters","resultsCount","selectedFilters","responseTime","maxYear","minYear","endYear","startYear","type","isActive","buttonText","customStyles","headingText","imageDescription","imageSource","isInteractive","primaryContent","secondaryContent","subheadingText","tertiaryContent","themeMode","placeImageRight","formClassName","inputCaptionClassName","inputClassName","theme","inputLabelClassName","label","height","width","errorMessage","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,gBAAA,wBAAAC,eAAA,uBAAAC,cAAA,sBAAAC,iBAAA,wBAAAC,uBAAA,gCAAAC,qBAAA,6BAAAC,MAAA,KAAAC,aAAA,KAAAC,MAAA,KAAAC,cAAA,6CAAAC,WAAA,kBAAAC,uBAAA,gCAAAC,6BAAA,sCAAAC,gBAAA,KAAAC,WAAA,kBAAAC,aAAA,sBAAAC,eAAA,wBAAAC,sBAAA,+BAAAC,YAAA,KAAAV,MAAA,KAAAC,cAAA,sCAAAU,QAAA,KAAAC,eAAA,KAAAb,aAAA,KAAAC,MAAA,KAAAa,aAAA,KAAAC,gBAAA,sCAAAf,aAAA,KAAAc,aAAA,KAAAE,aAAA,KAAAf,MAAA,gCAAAgB,QAAA,eAAAC,QAAA,eAAAC,QAAA,KAAAR,YAAA,KAAAV,MAAA,KAAAa,aAAA,KAAAM,UAAA,uCAAAC,KAAA,IAAAC,SAAA,KAAArB,MAAA,KAAAa,aAAA,4CAAAS,WAAA,kBAAAC,aAAA,oBAAAC,YAAA,mBAAAC,iBAAA,wBAAAC,YAAA,mBAAAC,cAAA,qBAAAC,eAAA,sBAAAC,iBAAA,wBAAAC,eAAA,sBAAAC,gBAAA,uBAAAC,UAAA,iBAAAC,gBAAA,+EAAAV,aAAA,oBAAAzB,MAAA,IAAAoC,cAAA,sBAAAC,sBAAA,+BAAA5C,kBAAA,0BAAA6C,eAAA,uBAAA5C,gBAAA,wBAAAC,eAAA,uBAAAM,aAAA,oBAAAJ,iBAAA,wBAAAC,uBAAA,gCAAAI,MAAA,IAAAqC,MAAA,qCAAAC,oBAAA,6BAAAC,MAAA,IAAAF,MAAA,4CAAAtC,aAAA,oBAAAH,uBAAA,gCAAAyC,MAAA,oCAAAvC,MAAA,IAAA0C,OAAA,IAAA5C,uBAAA,gCAAA6C,MAAA,IAAAJ,MAAA,uCAAAK,aAAA,oBAAAL,MAAA,sCAAAvC,MAAA,IAAAqC,sBAAA,+BAAA5C,kBAAA,0BAAAK,uBAAA,gCAAAyC,MAAA,wCAAAjB,KAAA,wCAAAA,KAAA,IAAAqB,MAAA,IAAAD,OAAA,yHAAAnD,OAAA,KAAAqD,aAAA,oBAAAhD,cAAA,sBAAAE,uBAAA,gCAAAE,MAAA,KAAAE,MAAA,KAAAC,cAAA,gGAAA0C,YAAA,KAAAC,SAAA,gBAAAC,aAAA,oBAAAN,MAAA,IAAAxC,aAAA,KAAAsC,MAAA,UAAArD,EAAA","ignoreList":[]}
|
|
@@ -60,6 +60,8 @@ export namespace Components {
|
|
|
60
60
|
}
|
|
61
61
|
interface SearchcraftButtonIcon {
|
|
62
62
|
}
|
|
63
|
+
interface SearchcraftCheckIcon {
|
|
64
|
+
}
|
|
63
65
|
interface SearchcraftClearIconSet {
|
|
64
66
|
/**
|
|
65
67
|
* Type of the icon to display. Options: 'clear-light', 'clear-dark', 'arrow-light', 'arrow-dark'
|
|
@@ -250,6 +252,12 @@ declare global {
|
|
|
250
252
|
prototype: HTMLSearchcraftButtonIconElement;
|
|
251
253
|
new (): HTMLSearchcraftButtonIconElement;
|
|
252
254
|
};
|
|
255
|
+
interface HTMLSearchcraftCheckIconElement extends Components.SearchcraftCheckIcon, HTMLStencilElement {
|
|
256
|
+
}
|
|
257
|
+
var HTMLSearchcraftCheckIconElement: {
|
|
258
|
+
prototype: HTMLSearchcraftCheckIconElement;
|
|
259
|
+
new (): HTMLSearchcraftCheckIconElement;
|
|
260
|
+
};
|
|
253
261
|
interface HTMLSearchcraftClearIconSetElement extends Components.SearchcraftClearIconSet, HTMLStencilElement {
|
|
254
262
|
}
|
|
255
263
|
var HTMLSearchcraftClearIconSetElement: {
|
|
@@ -376,6 +384,7 @@ declare global {
|
|
|
376
384
|
"searchcraft-base-search-results": HTMLSearchcraftBaseSearchResultsElement;
|
|
377
385
|
"searchcraft-button": HTMLSearchcraftButtonElement;
|
|
378
386
|
"searchcraft-button-icon": HTMLSearchcraftButtonIconElement;
|
|
387
|
+
"searchcraft-check-icon": HTMLSearchcraftCheckIconElement;
|
|
379
388
|
"searchcraft-clear-icon-set": HTMLSearchcraftClearIconSetElement;
|
|
380
389
|
"searchcraft-clear-input-button": HTMLSearchcraftClearInputButtonElement;
|
|
381
390
|
"searchcraft-error-message": HTMLSearchcraftErrorMessageElement;
|
|
@@ -452,6 +461,8 @@ declare namespace LocalJSX {
|
|
|
452
461
|
}
|
|
453
462
|
interface SearchcraftButtonIcon {
|
|
454
463
|
}
|
|
464
|
+
interface SearchcraftCheckIcon {
|
|
465
|
+
}
|
|
455
466
|
interface SearchcraftClearIconSet {
|
|
456
467
|
/**
|
|
457
468
|
* Type of the icon to display. Options: 'clear-light', 'clear-dark', 'arrow-light', 'arrow-dark'
|
|
@@ -541,6 +552,7 @@ declare namespace LocalJSX {
|
|
|
541
552
|
"searchcraft-base-search-results": SearchcraftBaseSearchResults;
|
|
542
553
|
"searchcraft-button": SearchcraftButton;
|
|
543
554
|
"searchcraft-button-icon": SearchcraftButtonIcon;
|
|
555
|
+
"searchcraft-check-icon": SearchcraftCheckIcon;
|
|
544
556
|
"searchcraft-clear-icon-set": SearchcraftClearIconSet;
|
|
545
557
|
"searchcraft-clear-input-button": SearchcraftClearInputButton;
|
|
546
558
|
"searchcraft-error-message": SearchcraftErrorMessage;
|
|
@@ -567,6 +579,7 @@ declare module "@stencil/core" {
|
|
|
567
579
|
"searchcraft-base-search-results": LocalJSX.SearchcraftBaseSearchResults & JSXBase.HTMLAttributes<HTMLSearchcraftBaseSearchResultsElement>;
|
|
568
580
|
"searchcraft-button": LocalJSX.SearchcraftButton & JSXBase.HTMLAttributes<HTMLSearchcraftButtonElement>;
|
|
569
581
|
"searchcraft-button-icon": LocalJSX.SearchcraftButtonIcon & JSXBase.HTMLAttributes<HTMLSearchcraftButtonIconElement>;
|
|
582
|
+
"searchcraft-check-icon": LocalJSX.SearchcraftCheckIcon & JSXBase.HTMLAttributes<HTMLSearchcraftCheckIconElement>;
|
|
570
583
|
"searchcraft-clear-icon-set": LocalJSX.SearchcraftClearIconSet & JSXBase.HTMLAttributes<HTMLSearchcraftClearIconSetElement>;
|
|
571
584
|
"searchcraft-clear-input-button": LocalJSX.SearchcraftClearInputButton & JSXBase.HTMLAttributes<HTMLSearchcraftClearInputButtonElement>;
|
|
572
585
|
"searchcraft-error-message": LocalJSX.SearchcraftErrorMessage & JSXBase.HTMLAttributes<HTMLSearchcraftErrorMessageElement>;
|