@searchcraft/javascript-sdk 0.7.1 → 0.8.0

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.
Files changed (306) hide show
  1. package/dist/cjs/{store-f6ba3dfb.js → SearchcraftStore-75fac5e0.js} +576 -443
  2. package/dist/cjs/SearchcraftStore-75fac5e0.js.map +1 -0
  3. package/dist/cjs/index.cjs.js +2 -3
  4. package/dist/cjs/index.cjs.js.map +1 -1
  5. package/dist/cjs/loader.cjs.js +1 -1
  6. package/dist/cjs/searchcraft-base-search-result_2.cjs.entry.js +152 -0
  7. package/dist/cjs/searchcraft-base-search-result_2.cjs.entry.js.map +1 -0
  8. package/dist/cjs/searchcraft-base-search-results.cjs.entry.js +30 -80
  9. package/dist/cjs/searchcraft-base-search-results.cjs.entry.js.map +1 -1
  10. package/dist/cjs/searchcraft-button_3.cjs.entry.js +22 -7
  11. package/dist/cjs/searchcraft-button_3.cjs.entry.js.map +1 -1
  12. package/dist/cjs/searchcraft-facet-list_3.cjs.entry.js +19 -18
  13. package/dist/cjs/searchcraft-facet-list_3.cjs.entry.js.map +1 -1
  14. package/dist/cjs/searchcraft-filter-panel.cjs.entry.js +6 -6
  15. package/dist/cjs/searchcraft-filter-panel.cjs.entry.js.map +1 -1
  16. package/dist/cjs/searchcraft-input-form_2.cjs.entry.js +20 -33
  17. package/dist/cjs/searchcraft-input-form_2.cjs.entry.js.map +1 -1
  18. package/dist/cjs/searchcraft-javascript-sdk.cjs.js +1 -1
  19. package/dist/cjs/searchcraft-pagination.cjs.entry.js +106 -0
  20. package/dist/cjs/searchcraft-pagination.cjs.entry.js.map +1 -0
  21. package/dist/cjs/searchcraft-popover-button.cjs.entry.js +3 -3
  22. package/dist/cjs/searchcraft-popover-button.cjs.entry.js.map +1 -1
  23. package/dist/cjs/searchcraft-popover-form.cjs.entry.js +27 -25
  24. package/dist/cjs/searchcraft-popover-form.cjs.entry.js.map +1 -1
  25. package/dist/cjs/searchcraft-popover-list-item_2.cjs.entry.js +101 -0
  26. package/dist/cjs/searchcraft-popover-list-item_2.cjs.entry.js.map +1 -0
  27. package/dist/cjs/searchcraft-results-info.cjs.entry.js +51 -13
  28. package/dist/cjs/searchcraft-results-info.cjs.entry.js.map +1 -1
  29. package/dist/cjs/searchcraft-search-results-per-page.cjs.entry.js +75 -0
  30. package/dist/cjs/searchcraft-search-results-per-page.cjs.entry.js.map +1 -0
  31. package/dist/cjs/searchcraft-select.cjs.entry.js +70 -0
  32. package/dist/cjs/searchcraft-select.cjs.entry.js.map +1 -0
  33. package/dist/cjs/searchcraft-theme.cjs.entry.js +29 -11
  34. package/dist/cjs/searchcraft-theme.cjs.entry.js.map +1 -1
  35. package/dist/cjs/units-fe4d8083.js.map +1 -1
  36. package/dist/collection/collection-manifest.json +5 -0
  37. package/dist/collection/components/searchcraft-base-search-result/searchcraft-base-search-result.js +86 -208
  38. package/dist/collection/components/searchcraft-base-search-result/searchcraft-base-search-result.js.map +1 -1
  39. package/dist/collection/components/searchcraft-base-search-result-ad/searchcraft-base-search-result-ad.js +73 -0
  40. package/dist/collection/components/searchcraft-base-search-result-ad/searchcraft-base-search-result-ad.js.map +1 -0
  41. package/dist/collection/components/searchcraft-base-search-results/searchcraft-base-search-results.js +37 -144
  42. package/dist/collection/components/searchcraft-base-search-results/searchcraft-base-search-results.js.map +1 -1
  43. package/dist/collection/components/searchcraft-button/searchcraft-button.js +87 -17
  44. package/dist/collection/components/searchcraft-button/searchcraft-button.js.map +1 -1
  45. package/dist/collection/components/searchcraft-error-message/searchcraft-error-message.js +1 -1
  46. package/dist/collection/components/searchcraft-facet-list/searchcraft-facet-list.js +8 -8
  47. package/dist/collection/components/searchcraft-facet-list/searchcraft-facet-list.js.map +1 -1
  48. package/dist/collection/components/searchcraft-filter-panel/searchcraft-filter-panel.js +7 -7
  49. package/dist/collection/components/searchcraft-filter-panel/searchcraft-filter-panel.js.map +1 -1
  50. package/dist/collection/components/searchcraft-input-form/searchcraft-input-form.js +10 -14
  51. package/dist/collection/components/searchcraft-input-form/searchcraft-input-form.js.map +1 -1
  52. package/dist/collection/components/searchcraft-input-label/searchcraft-input-label.js +1 -1
  53. package/dist/collection/components/searchcraft-pagination/searchcraft-pagination.js +141 -0
  54. package/dist/collection/components/searchcraft-pagination/searchcraft-pagination.js.map +1 -0
  55. package/dist/collection/components/searchcraft-popover-button/searchcraft-popover-button.js +1 -1
  56. package/dist/collection/components/searchcraft-popover-form/searchcraft-popover-form.js +26 -21
  57. package/dist/collection/components/searchcraft-popover-form/searchcraft-popover-form.js.map +1 -1
  58. package/dist/collection/components/searchcraft-popover-list-item/searchcraft-popover-list-item.js +59 -92
  59. package/dist/collection/components/searchcraft-popover-list-item/searchcraft-popover-list-item.js.map +1 -1
  60. package/dist/collection/components/searchcraft-popover-list-item-ad/searchcraft-popover-list-item-ad.js +73 -0
  61. package/dist/collection/components/searchcraft-popover-list-item-ad/searchcraft-popover-list-item-ad.js.map +1 -0
  62. package/dist/collection/components/searchcraft-popover-list-view/searchcraft-popover-list-view.js +77 -24
  63. package/dist/collection/components/searchcraft-popover-list-view/searchcraft-popover-list-view.js.map +1 -1
  64. package/dist/collection/components/searchcraft-results-info/searchcraft-results-info.js +105 -17
  65. package/dist/collection/components/searchcraft-results-info/searchcraft-results-info.js.map +1 -1
  66. package/dist/collection/components/searchcraft-search-results-per-page/searchcraft-search-results-per-page.js +129 -0
  67. package/dist/collection/components/searchcraft-search-results-per-page/searchcraft-search-results-per-page.js.map +1 -0
  68. package/dist/collection/components/searchcraft-select/searchcraft-select.js +261 -0
  69. package/dist/collection/components/searchcraft-select/searchcraft-select.js.map +1 -0
  70. package/dist/collection/components/searchcraft-slider/searchcraft-slider.js +2 -2
  71. package/dist/collection/components/searchcraft-theme/searchcraft-theme.js +81 -11
  72. package/dist/collection/components/searchcraft-theme/searchcraft-theme.js.map +1 -1
  73. package/dist/collection/components/searchcraft-toggle-button/searchcraft-toggle-button.js +7 -6
  74. package/dist/collection/components/searchcraft-toggle-button/searchcraft-toggle-button.js.map +1 -1
  75. package/dist/collection/index.js +1 -2
  76. package/dist/collection/index.js.map +1 -1
  77. package/dist/collection/provider/SearchcraftStore.js +160 -0
  78. package/dist/collection/provider/SearchcraftStore.js.map +1 -0
  79. package/dist/collection/provider/SearchcraftStore.types.js +2 -0
  80. package/dist/collection/provider/SearchcraftStore.types.js.map +1 -0
  81. package/dist/collection/provider/store.js +2 -136
  82. package/dist/collection/provider/store.js.map +1 -1
  83. package/dist/collection/utils/units.js.map +1 -1
  84. package/dist/components/index.js +11 -1
  85. package/dist/components/index.js.map +1 -1
  86. package/dist/components/{p-a75ef832.js → p-0e393fe1.js} +2 -2
  87. package/dist/components/{p-a75ef832.js.map → p-0e393fe1.js.map} +1 -1
  88. package/dist/components/p-25ee7496.js +58 -0
  89. package/dist/components/p-25ee7496.js.map +1 -0
  90. package/dist/components/{p-936e2ed4.js → p-38419178.js} +576 -442
  91. package/dist/components/p-38419178.js.map +1 -0
  92. package/dist/components/{p-d95bc2a0.js → p-3df3ff8b.js} +17 -21
  93. package/dist/components/p-3df3ff8b.js.map +1 -0
  94. package/dist/components/{p-1234974c.js → p-433f974c.js} +9 -8
  95. package/dist/components/p-433f974c.js.map +1 -0
  96. package/dist/components/{p-4b92ae26.js → p-4e9cd62e.js} +4 -4
  97. package/dist/components/{p-4b92ae26.js.map → p-4e9cd62e.js.map} +1 -1
  98. package/dist/components/{p-755f491b.js → p-6104fe5d.js} +2 -2
  99. package/dist/components/p-6104fe5d.js.map +1 -0
  100. package/dist/components/{p-b4a8fcbe.js → p-97332d3e.js} +51 -59
  101. package/dist/components/p-97332d3e.js.map +1 -0
  102. package/dist/components/p-bf6a086a.js +92 -0
  103. package/dist/components/p-bf6a086a.js.map +1 -0
  104. package/dist/components/p-bff4d3fc.js +65 -0
  105. package/dist/components/p-bff4d3fc.js.map +1 -0
  106. package/dist/components/{p-521fe971.js → p-d19bf6ff.js} +25 -8
  107. package/dist/components/p-d19bf6ff.js.map +1 -0
  108. package/dist/components/p-de4a48b1.js +65 -0
  109. package/dist/components/p-de4a48b1.js.map +1 -0
  110. package/dist/components/{p-ca881e5c.js → p-e55a7970.js} +2 -2
  111. package/dist/components/{p-ca881e5c.js.map → p-e55a7970.js.map} +1 -1
  112. package/dist/components/p-ec0d230e.js +75 -0
  113. package/dist/components/p-ec0d230e.js.map +1 -0
  114. package/dist/components/{p-54998882.js → p-fc7cda96.js} +10 -10
  115. package/dist/components/p-fc7cda96.js.map +1 -0
  116. package/dist/components/searchcraft-base-search-result-ad.d.ts +11 -0
  117. package/dist/components/searchcraft-base-search-result-ad.js +8 -0
  118. package/dist/components/searchcraft-base-search-result-ad.js.map +1 -0
  119. package/dist/components/searchcraft-base-search-result.js +1 -1
  120. package/dist/components/searchcraft-base-search-results.js +44 -89
  121. package/dist/components/searchcraft-base-search-results.js.map +1 -1
  122. package/dist/components/searchcraft-button.js +1 -1
  123. package/dist/components/searchcraft-error-message.js +1 -1
  124. package/dist/components/searchcraft-facet-list.js +1 -1
  125. package/dist/components/searchcraft-filter-panel.js +9 -9
  126. package/dist/components/searchcraft-filter-panel.js.map +1 -1
  127. package/dist/components/searchcraft-input-form.js +1 -1
  128. package/dist/components/searchcraft-input-label.js +1 -1
  129. package/dist/components/searchcraft-pagination.d.ts +11 -0
  130. package/dist/components/searchcraft-pagination.js +135 -0
  131. package/dist/components/searchcraft-pagination.js.map +1 -0
  132. package/dist/components/searchcraft-popover-button.js +2 -2
  133. package/dist/components/searchcraft-popover-form.js +41 -30
  134. package/dist/components/searchcraft-popover-form.js.map +1 -1
  135. package/dist/components/searchcraft-popover-list-item-ad.d.ts +11 -0
  136. package/dist/components/searchcraft-popover-list-item-ad.js +8 -0
  137. package/dist/components/searchcraft-popover-list-item-ad.js.map +1 -0
  138. package/dist/components/searchcraft-popover-list-item.js +1 -1
  139. package/dist/components/searchcraft-popover-list-view.js +1 -1
  140. package/dist/components/searchcraft-results-info.js +60 -17
  141. package/dist/components/searchcraft-results-info.js.map +1 -1
  142. package/dist/components/searchcraft-search-results-per-page.d.ts +11 -0
  143. package/dist/components/searchcraft-search-results-per-page.js +105 -0
  144. package/dist/components/searchcraft-search-results-per-page.js.map +1 -0
  145. package/dist/components/searchcraft-select.d.ts +11 -0
  146. package/dist/components/searchcraft-select.js +8 -0
  147. package/dist/components/searchcraft-select.js.map +1 -0
  148. package/dist/components/searchcraft-slider.js +1 -1
  149. package/dist/components/searchcraft-theme.js +34 -13
  150. package/dist/components/searchcraft-theme.js.map +1 -1
  151. package/dist/components/searchcraft-toggle-button.js +1 -1
  152. package/dist/esm/{store-aa071d9c.js → SearchcraftStore-3cfd565a.js} +576 -442
  153. package/dist/esm/SearchcraftStore-3cfd565a.js.map +1 -0
  154. package/dist/esm/index.js +1 -1
  155. package/dist/esm/loader.js +1 -1
  156. package/dist/esm/searchcraft-base-search-result_2.entry.js +147 -0
  157. package/dist/esm/searchcraft-base-search-result_2.entry.js.map +1 -0
  158. package/dist/esm/searchcraft-base-search-results.entry.js +30 -80
  159. package/dist/esm/searchcraft-base-search-results.entry.js.map +1 -1
  160. package/dist/esm/searchcraft-button_3.entry.js +22 -7
  161. package/dist/esm/searchcraft-button_3.entry.js.map +1 -1
  162. package/dist/esm/searchcraft-facet-list_3.entry.js +17 -16
  163. package/dist/esm/searchcraft-facet-list_3.entry.js.map +1 -1
  164. package/dist/esm/searchcraft-filter-panel.entry.js +5 -5
  165. package/dist/esm/searchcraft-filter-panel.entry.js.map +1 -1
  166. package/dist/esm/searchcraft-input-form_2.entry.js +19 -32
  167. package/dist/esm/searchcraft-input-form_2.entry.js.map +1 -1
  168. package/dist/esm/searchcraft-javascript-sdk.js +1 -1
  169. package/dist/esm/searchcraft-pagination.entry.js +102 -0
  170. package/dist/esm/searchcraft-pagination.entry.js.map +1 -0
  171. package/dist/esm/searchcraft-popover-button.entry.js +2 -2
  172. package/dist/esm/searchcraft-popover-form.entry.js +20 -18
  173. package/dist/esm/searchcraft-popover-form.entry.js.map +1 -1
  174. package/dist/esm/searchcraft-popover-list-item_2.entry.js +96 -0
  175. package/dist/esm/searchcraft-popover-list-item_2.entry.js.map +1 -0
  176. package/dist/esm/searchcraft-results-info.entry.js +51 -13
  177. package/dist/esm/searchcraft-results-info.entry.js.map +1 -1
  178. package/dist/esm/searchcraft-search-results-per-page.entry.js +71 -0
  179. package/dist/esm/searchcraft-search-results-per-page.entry.js.map +1 -0
  180. package/dist/esm/searchcraft-select.entry.js +66 -0
  181. package/dist/esm/searchcraft-select.entry.js.map +1 -0
  182. package/dist/esm/searchcraft-theme.entry.js +29 -11
  183. package/dist/esm/searchcraft-theme.entry.js.map +1 -1
  184. package/dist/esm/{units-b6eba560.js → units-daaf96f5.js} +2 -2
  185. package/dist/esm/units-daaf96f5.js.map +1 -0
  186. package/dist/searchcraft-javascript-sdk/index.esm.js +1 -1
  187. package/dist/searchcraft-javascript-sdk/p-279f3e15.entry.js +2 -0
  188. package/dist/searchcraft-javascript-sdk/p-279f3e15.entry.js.map +1 -0
  189. package/dist/searchcraft-javascript-sdk/p-2bc82b48.entry.js +2 -0
  190. package/dist/searchcraft-javascript-sdk/p-2bc82b48.entry.js.map +1 -0
  191. package/dist/searchcraft-javascript-sdk/p-2dc07b47.entry.js +2 -0
  192. package/dist/searchcraft-javascript-sdk/p-2dc07b47.entry.js.map +1 -0
  193. package/dist/searchcraft-javascript-sdk/p-38419178.js +11 -0
  194. package/dist/searchcraft-javascript-sdk/p-38419178.js.map +1 -0
  195. package/dist/searchcraft-javascript-sdk/p-5e064c07.entry.js +2 -0
  196. package/dist/searchcraft-javascript-sdk/p-5e064c07.entry.js.map +1 -0
  197. package/dist/searchcraft-javascript-sdk/{p-755f491b.js → p-6104fe5d.js} +2 -2
  198. package/dist/searchcraft-javascript-sdk/p-6104fe5d.js.map +1 -0
  199. package/dist/searchcraft-javascript-sdk/p-69da4e58.entry.js +2 -0
  200. package/dist/searchcraft-javascript-sdk/p-69da4e58.entry.js.map +1 -0
  201. package/dist/searchcraft-javascript-sdk/p-6bffd3f5.entry.js +2 -0
  202. package/dist/searchcraft-javascript-sdk/p-6bffd3f5.entry.js.map +1 -0
  203. package/dist/searchcraft-javascript-sdk/p-7f4dd50c.entry.js +2 -0
  204. package/dist/searchcraft-javascript-sdk/p-9340f4e4.entry.js +2 -0
  205. package/dist/searchcraft-javascript-sdk/p-9340f4e4.entry.js.map +1 -0
  206. package/dist/searchcraft-javascript-sdk/p-a3074a6d.entry.js +2 -0
  207. package/dist/searchcraft-javascript-sdk/p-a3074a6d.entry.js.map +1 -0
  208. package/dist/searchcraft-javascript-sdk/p-a84b1548.entry.js +2 -0
  209. package/dist/searchcraft-javascript-sdk/p-a84b1548.entry.js.map +1 -0
  210. package/dist/searchcraft-javascript-sdk/p-b8ea0454.entry.js +2 -0
  211. package/dist/searchcraft-javascript-sdk/p-b8ea0454.entry.js.map +1 -0
  212. package/dist/searchcraft-javascript-sdk/p-c4a9d8ab.entry.js +2 -0
  213. package/dist/searchcraft-javascript-sdk/p-c4a9d8ab.entry.js.map +1 -0
  214. package/dist/searchcraft-javascript-sdk/p-d2fffca9.entry.js +2 -0
  215. package/dist/searchcraft-javascript-sdk/p-d2fffca9.entry.js.map +1 -0
  216. package/dist/searchcraft-javascript-sdk/p-e11de2d6.entry.js +2 -0
  217. package/dist/searchcraft-javascript-sdk/p-e11de2d6.entry.js.map +1 -0
  218. package/dist/searchcraft-javascript-sdk/searchcraft-javascript-sdk.esm.js +1 -1
  219. package/dist/searchcraft-javascript-sdk/searchcraft-javascript-sdk.esm.js.map +1 -1
  220. package/dist/types/components/searchcraft-base-search-result/searchcraft-base-search-result.d.ts +20 -41
  221. package/dist/types/components/searchcraft-base-search-result-ad/searchcraft-base-search-result-ad.d.ts +14 -0
  222. package/dist/types/components/searchcraft-base-search-results/searchcraft-base-search-results.d.ts +9 -18
  223. package/dist/types/components/searchcraft-button/searchcraft-button.d.ts +17 -6
  224. package/dist/types/components/searchcraft-facet-list/searchcraft-facet-list.d.ts +1 -1
  225. package/dist/types/components/searchcraft-filter-panel/searchcraft-filter-panel.d.ts +2 -2
  226. package/dist/types/components/searchcraft-input-form/searchcraft-input-form.d.ts +1 -1
  227. package/dist/types/components/searchcraft-pagination/searchcraft-pagination.d.ts +33 -0
  228. package/dist/types/components/searchcraft-popover-form/searchcraft-popover-form.d.ts +9 -7
  229. package/dist/types/components/searchcraft-popover-list-item/searchcraft-popover-list-item.d.ts +9 -12
  230. package/dist/types/components/searchcraft-popover-list-item-ad/searchcraft-popover-list-item-ad.d.ts +14 -0
  231. package/dist/types/components/searchcraft-popover-list-view/searchcraft-popover-list-view.d.ts +7 -4
  232. package/dist/types/components/searchcraft-results-info/searchcraft-results-info.d.ts +26 -4
  233. package/dist/types/components/searchcraft-search-results-per-page/searchcraft-search-results-per-page.d.ts +33 -0
  234. package/dist/types/components/searchcraft-select/searchcraft-select.d.ts +64 -0
  235. package/dist/types/components/searchcraft-theme/searchcraft-theme.d.ts +20 -1
  236. package/dist/types/components/searchcraft-toggle-button/searchcraft-toggle-button.d.ts +1 -1
  237. package/dist/types/components.d.ts +476 -166
  238. package/dist/types/index.d.ts +1 -2
  239. package/dist/types/provider/SearchcraftStore.d.ts +4 -0
  240. package/dist/types/provider/SearchcraftStore.types.d.ts +44 -0
  241. package/dist/types/provider/store.d.ts +2 -34
  242. package/dist/types/utils/units.d.ts +1 -1
  243. package/package.json +3 -3
  244. package/dist/cjs/searchcraft-base-search-result.cjs.entry.js +0 -117
  245. package/dist/cjs/searchcraft-base-search-result.cjs.entry.js.map +0 -1
  246. package/dist/cjs/searchcraft-popover-list-item.cjs.entry.js +0 -49
  247. package/dist/cjs/searchcraft-popover-list-item.cjs.entry.js.map +0 -1
  248. package/dist/cjs/store-f6ba3dfb.js.map +0 -1
  249. package/dist/collection/types/_shared.types.js +0 -2
  250. package/dist/collection/types/_shared.types.js.map +0 -1
  251. package/dist/collection/types/index.js +0 -5
  252. package/dist/collection/types/index.js.map +0 -1
  253. package/dist/collection/types/searchcraft-base-search-results.types.js +0 -2
  254. package/dist/collection/types/searchcraft-base-search-results.types.js.map +0 -1
  255. package/dist/collection/types/searchcraft-filter-panel.types.js +0 -2
  256. package/dist/collection/types/searchcraft-filter-panel.types.js.map +0 -1
  257. package/dist/collection/types/searchcraft-popover-form.types.js +0 -2
  258. package/dist/collection/types/searchcraft-popover-form.types.js.map +0 -1
  259. package/dist/components/p-0ef4ab33.js +0 -66
  260. package/dist/components/p-0ef4ab33.js.map +0 -1
  261. package/dist/components/p-1234974c.js.map +0 -1
  262. package/dist/components/p-506cdac1.js +0 -58
  263. package/dist/components/p-506cdac1.js.map +0 -1
  264. package/dist/components/p-521fe971.js.map +0 -1
  265. package/dist/components/p-54998882.js.map +0 -1
  266. package/dist/components/p-755f491b.js.map +0 -1
  267. package/dist/components/p-936e2ed4.js.map +0 -1
  268. package/dist/components/p-b4a8fcbe.js.map +0 -1
  269. package/dist/components/p-d95bc2a0.js.map +0 -1
  270. package/dist/esm/searchcraft-base-search-result.entry.js +0 -113
  271. package/dist/esm/searchcraft-base-search-result.entry.js.map +0 -1
  272. package/dist/esm/searchcraft-popover-list-item.entry.js +0 -45
  273. package/dist/esm/searchcraft-popover-list-item.entry.js.map +0 -1
  274. package/dist/esm/store-aa071d9c.js.map +0 -1
  275. package/dist/esm/units-b6eba560.js.map +0 -1
  276. package/dist/searchcraft-javascript-sdk/p-26f5263d.entry.js +0 -2
  277. package/dist/searchcraft-javascript-sdk/p-26f5263d.entry.js.map +0 -1
  278. package/dist/searchcraft-javascript-sdk/p-2ff7eb35.entry.js +0 -2
  279. package/dist/searchcraft-javascript-sdk/p-2ff7eb35.entry.js.map +0 -1
  280. package/dist/searchcraft-javascript-sdk/p-36f0532e.entry.js +0 -2
  281. package/dist/searchcraft-javascript-sdk/p-36f0532e.entry.js.map +0 -1
  282. package/dist/searchcraft-javascript-sdk/p-41b6bc5d.entry.js +0 -2
  283. package/dist/searchcraft-javascript-sdk/p-41b6bc5d.entry.js.map +0 -1
  284. package/dist/searchcraft-javascript-sdk/p-57eddb07.entry.js +0 -2
  285. package/dist/searchcraft-javascript-sdk/p-57eddb07.entry.js.map +0 -1
  286. package/dist/searchcraft-javascript-sdk/p-5d6fbee0.entry.js +0 -2
  287. package/dist/searchcraft-javascript-sdk/p-5d6fbee0.entry.js.map +0 -1
  288. package/dist/searchcraft-javascript-sdk/p-64c5a1d2.entry.js +0 -2
  289. package/dist/searchcraft-javascript-sdk/p-64c5a1d2.entry.js.map +0 -1
  290. package/dist/searchcraft-javascript-sdk/p-755f491b.js.map +0 -1
  291. package/dist/searchcraft-javascript-sdk/p-8b0a60b3.entry.js +0 -2
  292. package/dist/searchcraft-javascript-sdk/p-8b0a60b3.entry.js.map +0 -1
  293. package/dist/searchcraft-javascript-sdk/p-936e2ed4.js +0 -11
  294. package/dist/searchcraft-javascript-sdk/p-936e2ed4.js.map +0 -1
  295. package/dist/searchcraft-javascript-sdk/p-c7df8be6.entry.js +0 -2
  296. package/dist/searchcraft-javascript-sdk/p-c7df8be6.entry.js.map +0 -1
  297. package/dist/searchcraft-javascript-sdk/p-eb6058e8.entry.js +0 -2
  298. package/dist/searchcraft-javascript-sdk/p-eb6058e8.entry.js.map +0 -1
  299. package/dist/searchcraft-javascript-sdk/p-faaa4394.entry.js +0 -2
  300. package/dist/types/types/_shared.types.d.ts +0 -46
  301. package/dist/types/types/index.d.ts +0 -5
  302. package/dist/types/types/searchcraft-base-search-results.types.d.ts +0 -11
  303. package/dist/types/types/searchcraft-filter-panel.types.d.ts +0 -43
  304. package/dist/types/types/searchcraft-popover-form.types.d.ts +0 -9
  305. /package/dist/searchcraft-javascript-sdk/{p-faaa4394.entry.js.map → p-7f4dd50c.entry.js.map} +0 -0
  306. /package/dist/types/{types → themes}/raw.d.ts +0 -0
@@ -0,0 +1,2 @@
1
+ import{r as e,h as a}from"./p-7e13c128.js";import{u as t}from"./p-38419178.js";import{g as s}from"./p-6104fe5d.js";const c=class{constructor(a){e(this,a)}items=[];unsubscribe;lastSearchTerm;searchStore=t.getState();componentDidLoad(){this.unsubscribe=t.subscribe((e=>{this.lastSearchTerm=e.searchTerm||""}))}disconnectedCallback(){this.unsubscribe?.()}handleDateRangeChanged(e,a,t){const s=new Date(a);const c=new Date(t);this.searchStore.addRangeValueForIndexField({fieldName:e,value:`${e}:[${s.toISOString()} TO ${c.toISOString()}]`});this.searchStore.search()}handleNumericRangeChanged(e,a,t){this.searchStore.addRangeValueForIndexField({fieldName:e,value:`${e}:[${a} TO ${t}]`});this.searchStore.search()}handleFacetSelectionUpdated(e,a){if(a.length>0){this.searchStore.addFacetPathsForIndexField({fieldName:e,value:`${e}: IN [${a.join(" ")}]`})}else{this.searchStore.removeFacetPathsForIndexField(e)}this.searchStore.search()}handleExactMatchToggleUpdated(e){this.searchStore.setSearchMode(e?"exact":"fuzzy");this.searchStore.search()}handleMostRecentToggleUpdated(e){this.searchStore.setSortType(e?"desc":"asc");this.searchStore.search()}render(){return a("div",{key:"7e3e39a09d392e6da9c387d8cd641a50171ddc59",class:"searchcraft-filter-panel"},this.items.map((e=>{switch(e.type){case"dateRange":{const t=e;const c=new Date(t.options.minDate).getTime();const r=new Date(t.options.maxDate).getTime();const n=s(t.options.granularity);return a("div",{class:"searchcraft-filter-panel-section"},a("p",{class:"searchcraft-filter-panel-label"},e.label),a("searchcraft-slider",{min:c,max:r,granularity:n,dataType:"date",onRangeChanged:e=>{this.handleDateRangeChanged(t.fieldName,e.detail.startValue,e.detail.endValue)}}))}case"numericRange":{const t=e;return a("div",{class:"searchcraft-filter-panel-section"},a("p",{class:"searchcraft-filter-panel-label"},e.label),a("searchcraft-slider",{min:t.options.min,max:t.options.max,granularity:t.options.granularity,onRangeChanged:e=>{this.handleNumericRangeChanged(t.fieldName,e.detail.startValue,e.detail.endValue)}}))}case"facets":{const t=e;return a("div",{class:"searchcraft-filter-panel-section"},a("p",{class:"searchcraft-filter-panel-label"},e.label),a("searchcraft-facet-list",{fieldName:t.fieldName,onFacetSelectionUpdated:e=>{this.handleFacetSelectionUpdated(t.fieldName,e.detail.paths)}}))}case"exactMatchToggle":{const t=e;return a("searchcraft-toggle-button",{label:t.label,subLabel:t.options.subLabel,onToggleUpdated:e=>{this.handleExactMatchToggleUpdated(e.detail)}})}case"mostRecentToggle":{const t=e;return a("searchcraft-toggle-button",{label:t.label,subLabel:t.options.subLabel,onToggleUpdated:e=>{this.handleMostRecentToggleUpdated(e.detail)}})}}})))}};export{c as searchcraft_filter_panel};
2
+ //# sourceMappingURL=p-9340f4e4.entry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["SearchcraftFilterPanel","items","unsubscribe","lastSearchTerm","searchStore","useSearchcraftStore","getState","componentDidLoad","this","subscribe","state","searchTerm","disconnectedCallback","handleDateRangeChanged","fieldName","min","max","start","Date","end","addRangeValueForIndexField","value","toISOString","search","handleNumericRangeChanged","handleFacetSelectionUpdated","paths","length","addFacetPathsForIndexField","join","removeFacetPathsForIndexField","handleExactMatchToggleUpdated","isActive","setSearchMode","handleMostRecentToggleUpdated","setSortType","render","h","key","class","map","filterItem","type","item","options","minDate","getTime","maxDate","granularityValue","getMillis","granularity","label","dataType","onRangeChanged","event","detail","startValue","endValue","onFacetSelectionUpdated","subLabel","onToggleUpdated"],"sources":["src/components/searchcraft-filter-panel/searchcraft-filter-panel.tsx"],"sourcesContent":["import { Component, h, Prop, State } from '@stencil/core';\nimport type {\n FilterItem,\n DateRangeFilterItem,\n NumericFilterItem,\n ExactMatchToggleFilterItem,\n FacetsFilterItem,\n} from '@searchcraft/core';\nimport { useSearchcraftStore } from '@provider/store';\nimport { getMillis } from '@utils';\n\n/**\n * This web component represents a series of filters that allows users to refine and control their search queries by applying various filter criteria.\n *\n * ## Usage\n * ```html\n * <!-- index.html -->\n * <searchcraft-filter-panel />\n * ```\n */\n@Component({\n tag: 'searchcraft-filter-panel',\n shadow: false,\n})\nexport class SearchcraftFilterPanel {\n /**\n * The items to filter.\n */\n @Prop() items: FilterItem[] = [];\n\n @State() unsubscribe: (() => void) | undefined;\n @State() lastSearchTerm: string | undefined;\n\n private searchStore = useSearchcraftStore.getState();\n\n componentDidLoad() {\n this.unsubscribe = useSearchcraftStore.subscribe((state) => {\n if (this.lastSearchTerm !== state.searchTerm) {\n // A place to put actions to do when the query changes\n }\n this.lastSearchTerm = state.searchTerm || '';\n });\n }\n\n disconnectedCallback() {\n this.unsubscribe?.();\n }\n\n handleDateRangeChanged(fieldName: string, min: number, max: number) {\n const start = new Date(min);\n const end = new Date(max);\n this.searchStore.addRangeValueForIndexField({\n fieldName,\n value: `${fieldName}:[${start.toISOString()} TO ${end.toISOString()}]`,\n });\n\n this.searchStore.search();\n }\n\n handleNumericRangeChanged(fieldName: string, min: number, max: number) {\n this.searchStore.addRangeValueForIndexField({\n fieldName,\n value: `${fieldName}:[${min} TO ${max}]`,\n });\n this.searchStore.search();\n }\n\n handleFacetSelectionUpdated(fieldName: string, paths: string[]) {\n if (paths.length > 0) {\n this.searchStore.addFacetPathsForIndexField({\n fieldName,\n value: `${fieldName}: IN [${paths.join(' ')}]`,\n });\n } else {\n this.searchStore.removeFacetPathsForIndexField(fieldName);\n }\n this.searchStore.search();\n }\n\n handleExactMatchToggleUpdated(isActive: boolean) {\n this.searchStore.setSearchMode(isActive ? 'exact' : 'fuzzy');\n this.searchStore.search();\n }\n\n handleMostRecentToggleUpdated(isActive: boolean) {\n this.searchStore.setSortType(isActive ? 'desc' : 'asc');\n this.searchStore.search();\n }\n\n /**\n * Iterate through `items` and render them based on `type`\n */\n render() {\n return (\n <div class='searchcraft-filter-panel'>\n {this.items.map((filterItem) => {\n switch (filterItem.type) {\n case 'dateRange': {\n const item = filterItem as DateRangeFilterItem;\n const min = new Date(item.options.minDate).getTime();\n const max = new Date(item.options.maxDate).getTime();\n const granularityValue = getMillis(item.options.granularity);\n // return date range slider\n return (\n <div class='searchcraft-filter-panel-section'>\n <p class='searchcraft-filter-panel-label'>\n {filterItem.label}\n </p>\n <searchcraft-slider\n min={min}\n max={max}\n granularity={granularityValue}\n dataType='date'\n onRangeChanged={(event) => {\n this.handleDateRangeChanged(\n item.fieldName,\n event.detail.startValue,\n event.detail.endValue,\n );\n }}\n />\n </div>\n );\n }\n case 'numericRange': {\n const item = filterItem as NumericFilterItem;\n // return date range slider\n return (\n <div class='searchcraft-filter-panel-section'>\n <p class='searchcraft-filter-panel-label'>\n {filterItem.label}\n </p>\n <searchcraft-slider\n min={item.options.min}\n max={item.options.max}\n granularity={item.options.granularity}\n onRangeChanged={(event) => {\n this.handleNumericRangeChanged(\n item.fieldName,\n event.detail.startValue,\n event.detail.endValue,\n );\n }}\n />\n </div>\n );\n }\n case 'facets': {\n const item = filterItem as FacetsFilterItem;\n // return \"filters-list\"\n return (\n <div class='searchcraft-filter-panel-section'>\n <p class='searchcraft-filter-panel-label'>\n {filterItem.label}\n </p>\n <searchcraft-facet-list\n fieldName={item.fieldName}\n onFacetSelectionUpdated={(event) => {\n this.handleFacetSelectionUpdated(\n item.fieldName,\n event.detail.paths,\n );\n }}\n />\n </div>\n );\n }\n case 'exactMatchToggle': {\n const item = filterItem as ExactMatchToggleFilterItem;\n return (\n <searchcraft-toggle-button\n label={item.label}\n subLabel={item.options.subLabel}\n onToggleUpdated={(event) => {\n this.handleExactMatchToggleUpdated(event.detail);\n }}\n />\n );\n }\n case 'mostRecentToggle': {\n const item = filterItem as ExactMatchToggleFilterItem;\n return (\n <searchcraft-toggle-button\n label={item.label}\n subLabel={item.options.subLabel}\n onToggleUpdated={(event) => {\n this.handleMostRecentToggleUpdated(event.detail);\n }}\n />\n );\n }\n }\n })}\n </div>\n );\n }\n}\n"],"mappings":"yHAwBaA,EAAsB,M,yBAIzBC,MAAsB,GAErBC,YACAC,eAEDC,YAAcC,EAAoBC,WAE1C,gBAAAC,GACEC,KAAKN,YAAcG,EAAoBI,WAAWC,IAIhDF,KAAKL,eAAiBO,EAAMC,YAAc,EAAE,G,CAIhD,oBAAAC,GACEJ,KAAKN,e,CAGP,sBAAAW,CAAuBC,EAAmBC,EAAaC,GACrD,MAAMC,EAAQ,IAAIC,KAAKH,GACvB,MAAMI,EAAM,IAAID,KAAKF,GACrBR,KAAKJ,YAAYgB,2BAA2B,CAC1CN,YACAO,MAAO,GAAGP,MAAcG,EAAMK,oBAAoBH,EAAIG,mBAGxDd,KAAKJ,YAAYmB,Q,CAGnB,yBAAAC,CAA0BV,EAAmBC,EAAaC,GACxDR,KAAKJ,YAAYgB,2BAA2B,CAC1CN,YACAO,MAAO,GAAGP,MAAcC,QAAUC,OAEpCR,KAAKJ,YAAYmB,Q,CAGnB,2BAAAE,CAA4BX,EAAmBY,GAC7C,GAAIA,EAAMC,OAAS,EAAG,CACpBnB,KAAKJ,YAAYwB,2BAA2B,CAC1Cd,YACAO,MAAO,GAAGP,UAAkBY,EAAMG,KAAK,S,KAEpC,CACLrB,KAAKJ,YAAY0B,8BAA8BhB,E,CAEjDN,KAAKJ,YAAYmB,Q,CAGnB,6BAAAQ,CAA8BC,GAC5BxB,KAAKJ,YAAY6B,cAAcD,EAAW,QAAU,SACpDxB,KAAKJ,YAAYmB,Q,CAGnB,6BAAAW,CAA8BF,GAC5BxB,KAAKJ,YAAY+B,YAAYH,EAAW,OAAS,OACjDxB,KAAKJ,YAAYmB,Q,CAMnB,MAAAa,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,4BACR/B,KAAKP,MAAMuC,KAAKC,IACf,OAAQA,EAAWC,MACjB,IAAK,YAAa,CAChB,MAAMC,EAAOF,EACb,MAAM1B,EAAM,IAAIG,KAAKyB,EAAKC,QAAQC,SAASC,UAC3C,MAAM9B,EAAM,IAAIE,KAAKyB,EAAKC,QAAQG,SAASD,UAC3C,MAAME,EAAmBC,EAAUN,EAAKC,QAAQM,aAEhD,OACEb,EAAA,OAAKE,MAAM,oCACTF,EAAA,KAAGE,MAAM,kCACNE,EAAWU,OAEdd,EAAA,sBACEtB,IAAKA,EACLC,IAAKA,EACLkC,YAAaF,EACbI,SAAS,OACTC,eAAiBC,IACf9C,KAAKK,uBACH8B,EAAK7B,UACLwC,EAAMC,OAAOC,WACbF,EAAMC,OAAOE,SACd,I,CAMX,IAAK,eAAgB,CACnB,MAAMd,EAAOF,EAEb,OACEJ,EAAA,OAAKE,MAAM,oCACTF,EAAA,KAAGE,MAAM,kCACNE,EAAWU,OAEdd,EAAA,sBACEtB,IAAK4B,EAAKC,QAAQ7B,IAClBC,IAAK2B,EAAKC,QAAQ5B,IAClBkC,YAAaP,EAAKC,QAAQM,YAC1BG,eAAiBC,IACf9C,KAAKgB,0BACHmB,EAAK7B,UACLwC,EAAMC,OAAOC,WACbF,EAAMC,OAAOE,SACd,I,CAMX,IAAK,SAAU,CACb,MAAMd,EAAOF,EAEb,OACEJ,EAAA,OAAKE,MAAM,oCACTF,EAAA,KAAGE,MAAM,kCACNE,EAAWU,OAEdd,EAAA,0BACEvB,UAAW6B,EAAK7B,UAChB4C,wBAA0BJ,IACxB9C,KAAKiB,4BACHkB,EAAK7B,UACLwC,EAAMC,OAAO7B,MACd,I,CAMX,IAAK,mBAAoB,CACvB,MAAMiB,EAAOF,EACb,OACEJ,EAAA,6BACEc,MAAOR,EAAKQ,MACZQ,SAAUhB,EAAKC,QAAQe,SACvBC,gBAAkBN,IAChB9C,KAAKuB,8BAA8BuB,EAAMC,OAAO,G,CAKxD,IAAK,mBAAoB,CACvB,MAAMZ,EAAOF,EACb,OACEJ,EAAA,6BACEc,MAAOR,EAAKQ,MACZQ,SAAUhB,EAAKC,QAAQe,SACvBC,gBAAkBN,IAChB9C,KAAK0B,8BAA8BoB,EAAMC,OAAO,G","ignoreList":[]}
@@ -0,0 +1,2 @@
1
+ import{r as t,c as e,h as s}from"./p-7e13c128.js";import{u as c,g as a}from"./p-38419178.js";import{p as i}from"./p-d9551738.js";import{c as r}from"./p-5cdc6210.js";const n="@searchcraft/javascript-sdk";const o="0.8.0";const d="Searchcraft Javascript SDK";const h="Searchcraft";const p="Apache-2.0";const l="dist/index.cjs.js";const f="dist/index.js";const u="dist/types/index.d.ts";const b="dist/collection/collection-manifest.json";const m="dist/searchcraft-javascript-sdk/searchcraft-javascript-sdk.esm.js";const y={".":{import:"./dist/searchcraft-javascript-sdk/searchcraft-javascript-sdk.esm.js",require:"./dist/searchcraft-javascript-sdk/searchcraft-javascript-sdk.cjs.js",types:"./dist/types/index.d.ts"},"./components":{import:"./dist/components/index.js",types:"./dist/components/index.d.ts"},"./loader":{import:"./dist/loader/index.js",require:"./dist/loader/index.cjs",types:"./dist/loader/index.d.ts"},"./dist/components/*":{import:"./dist/components/*",types:"./dist/components/*"}};const k={type:"git",url:"https://bitbucket.org/madebychalk/searchcraft-javascript-sdks/"};const v=["dist/"];const g={build:"stencil build && yarn docs",docs:"typedoc --options typedoc.json",dev:"stencil build --dev --watch",test:"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll",generate:"stencil generate"};const j={"@stencil/vue-output-target":"^0.9.2",classnames:"^2.3.2"};const w={"@searchcraft/core":"^0.8.0","@searchcraft/javascript-sdk":"*","@stencil/core":"^4.7.0","@stencil/react-output-target":"^0.8.2","@stencil/sass":"^3.0.12","@types/node":"^16.18.11",zustand:"^5.0.1"};const C={name:n,private:false,version:o,description:d,author:h,license:p,main:l,module:f,types:u,collection:b,"collection:main":"dist/collection/index.js",unpkg:m,exports:y,repository:k,files:v,scripts:g,dependencies:j,devDependencies:w};const x=class{constructor(s){t(this,s);this.inputCleared=e(this,"inputCleared",7);this.noResultsReceived=e(this,"noResultsReceived",7);this.inputFocus=e(this,"inputFocus",7);this.inputBlur=e(this,"inputBlur",7);this.inputInit=e(this,"inputInit",7);this.querySubmit=e(this,"querySubmit",7)}config;autoSearch=true;buttonPlacement="none";buttonLabel;inputLabel;customStyles={};placeholderValue="Enter Search";searchTerm="";inputCleared;noResultsReceived;inputFocus;inputBlur;inputInit;querySubmit;inputValue=this.searchTerm;error=false;isSearchcraftInitialized=false;searchStore=c.getState();init(){if(this.config&&!this.isSearchcraftInitialized){const t=new a(this.config,{sdkName:C.name,sdkVersion:C.version});this.searchStore.initialize(t,true);this.isSearchcraftInitialized=true;this.inputInit?.emit()}}componentDidLoad(){this.init()}onConfigChange(){this.init()}handleOnInput=t=>{const e=t.target;this.inputValue=e.value;if(!this.autoSearch){return}if(e.value.trim()===""){this.inputCleared?.emit()}this.performSearch(e.value)};performSearch=async t=>{if(t===c.getState().searchTerm){return}this.searchTerm=t.trim();this.error=false;this.searchStore.setSearchTerm(this.searchTerm);this.querySubmit?.emit(this.searchTerm);try{await this.searchStore.search()}catch(t){this.error=true;this.inputCleared?.emit()}};handleClearInput=()=>{this.inputValue="";this.searchTerm="";this.searchStore.setSearchTerm("");this.searchStore.setSearchClientResponseItems([]);this.error=false;this.inputCleared?.emit()};handleFormSubmit=async t=>{t.preventDefault();await this.performSearch(this.searchTerm)};render(){const t=i(this.customStyles);const e=this.inputValue.length>0;const c=r("searchcraft-input-grid",{"searchcraft-input-grid-buttonLeft":this.buttonPlacement==="left","searchcraft-input-grid-buttonRight":this.buttonPlacement==="right","searchcraft-input-grid-buttonNone":this.buttonPlacement==="none"});const a=this.inputLabel||this.error;const n={gap:a?"4px 8px":"0px 8px"};return s("form",{key:"bc665c50db8de601a3c95266bdf063ebb988d6a8",class:"searchcraft-input-form",onSubmit:this.handleFormSubmit},s("div",{key:"a6936858c08d866b66b887c7ae03b35961cf04a1",class:c,style:n},s("div",{key:"915ac892fccb771f1c5338cd2d52f16f1793615d",class:"searchcraft-input-button-wrapper"},s("searchcraft-button",{key:"81447da28dcb9cb80a8cdf0c6765c909c2746585",onButtonClick:this.handleFormSubmit,label:this.buttonLabel})),this.inputLabel&&s("div",{key:"939c3407d16075be25ff23bf9b379c05ba1a66d4",class:"searchcraft-input-label-wrapper"},s("searchcraft-input-label",{key:"9d9c4043c04132b27710cca47abf102a188a80b9",label:this.inputLabel})),this.error&&s("div",{key:"7e309f8a5c81a41bdd593f4e4ee1ba30c531c97d",class:"searchcraft-input-error-wrapper"},s("searchcraft-error-message",{key:"de947c04f0948e36786f50ac65720eeb598ae7bf",errorMessage:"Something went wrong."})),s("div",{key:"bcf774e3fa5164ab838b634badf2002495437fe7",class:"searchcraft-input-wrapper"},s("input",{key:"fd9759559712a39d3493e069ddddf7c267879c84",autoComplete:"off",class:"searchcraft-input",onFocus:()=>this.inputFocus?.emit(),onBlur:()=>this.inputBlur?.emit(),onInput:t=>{this.handleOnInput(t)},placeholder:this.placeholderValue,style:t,type:"text",value:this.inputValue}),s("div",{key:"8564b18962feeea8d9ab8bb46af4ba28a089d8f4",class:"searchcraft-input-search-icon-wrapper"},s("svg",{key:"90c3636ea306ed70887d76deaf058ab3ace61134",class:"searchcraft-input-search-icon",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":"searchcraft-title"},s("title",{key:"c9921263b87df28e06bab9990e324aa1bebac767",id:"searchcraft-title"},"Searchcraft Search Icon Light"),s("path",{key:"bb82073fd722ff4a74e1a86c74cdf0dd9a8080b4",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",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}))),e&&s("button",{key:"e708cb9426171bfdfb29e0a98206d086fa14e15e",type:"button",class:"searchcraft-input-clear-button",onClick:this.handleClearInput},s("svg",{key:"243b6eacc68fa8cc57d5e11b9b317d7fe581406f",class:"searchcraft-input-clear-icon",viewBox:"0 0 22 22",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":"icon-title"},s("title",{key:"d8a8b44fe04345b5b27ba33ec4ba510500eab3bf",id:"icon-title"},"Searchcraft Clear Input Icon Light"),s("path",{key:"0602cbff7aac6755dabb496b84e6ef3e4e2ac7a6",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",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}))))))}static get watchers(){return{config:["onConfigChange"]}}};const S=class{constructor(e){t(this,e)}popoverResultMappings;searchClientResponseItems;adClientResponseItems;searchResultsPage;searchResultsPerPage;render(){return s("div",{key:"a869d98e96f6fbbc80ecb79058c4753b4a3a8b1d",class:"searchcraft-popover-list-view"},this.adClientResponseItems?.map((t=>s("searchcraft-popover-list-item-ad",{adClientResponseItem:t,key:t.adId}))),this.searchClientResponseItems?.map(((t,e)=>s("searchcraft-popover-list-item",{item:t,key:t.id,popoverResultMappings:this.popoverResultMappings,documentPosition:this.searchResultsPerPage*(this.searchResultsPage-1)+e}))))}};export{x as searchcraft_input_form,S as searchcraft_popover_list_view};
2
+ //# sourceMappingURL=p-a3074a6d.entry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["SearchcraftInput","config","autoSearch","buttonPlacement","buttonLabel","inputLabel","customStyles","placeholderValue","searchTerm","inputCleared","noResultsReceived","inputFocus","inputBlur","inputInit","querySubmit","inputValue","this","error","isSearchcraftInitialized","searchStore","useSearchcraftStore","getState","init","searchcraft","SearchcraftCore","sdkName","packageJson","name","sdkVersion","version","initialize","emit","componentDidLoad","onConfigChange","handleOnInput","event","input","target","value","trim","performSearch","async","setSearchTerm","search","handleClearInput","setSearchClientResponseItems","handleFormSubmit","preventDefault","render","validatedCustomStyles","parseCustomStyles","isShowingClearButton","length","inputGridClassNames","classNames","shouldHaveVerticalGap","inputGridStyles","gap","h","key","class","onSubmit","style","onButtonClick","label","errorMessage","autoComplete","onFocus","onBlur","onInput","placeholder","type","viewBox","fill","xmlns","id","d","stroke","onClick","SearchcraftPopoverListView","popoverResultMappings","searchClientResponseItems","adClientResponseItems","searchResultsPage","searchResultsPerPage","map","item","adClientResponseItem","adId","index","documentPosition"],"sources":["src/components/searchcraft-input-form/searchcraft-input-form.tsx","src/components/searchcraft-popover-list-view/searchcraft-popover-list-view.tsx"],"sourcesContent":["import {\n Component,\n h,\n Prop,\n State,\n Event,\n type EventEmitter,\n Watch,\n} from '@stencil/core';\n\nimport { type SearchcraftConfig, SearchcraftCore } from '@searchcraft/core';\nimport packageJson from '../../../package.json';\n\nimport { parseCustomStyles } from '@utils';\nimport { useSearchcraftStore } from '@provider/store';\nimport classNames from 'classnames';\n\n/**\n * This web component provides a user-friendly interface for querying an indexed dataset, enabling users to easily search large collections of data.\n * It abstracts the complexities of index-based searching, making it accessible to users of all technical levels.\n *\n * ## Usage\n * ```html\n * <!-- index.html -->\n * <searchcraft-input-form placeholder-value=\"Search here\" />\n * ```\n *\n * ```js\n * // index.js\n * const searchInputForm = document.querySelector('searchcraft-input-form');\n *\n * searchInputForm.config = {\n * index: [],\n * readKey: '',\n * endpointUrl: '',\n * };\n *\n * searchForm.addEventListener('querySubmit', (event) => {\n * console.log('Query submitted', event.detail);\n * });\n * ```\n */\n@Component({\n tag: 'searchcraft-input-form',\n shadow: false,\n})\nexport class SearchcraftInput {\n /**\n * The Searchcraft config object.\n */\n @Prop() config: SearchcraftConfig | undefined;\n /**\n * Whether or not to automatically submit the search term when the input changes.\n */\n @Prop() autoSearch = true;\n /**\n * Where to place the search button.\n */\n @Prop() buttonPlacement: 'left' | 'right' | 'none' = 'none';\n /**\n * The label for the submit button.\n */\n @Prop() buttonLabel: string | undefined;\n /**\n * The label rendered above the input.\n */\n @Prop() inputLabel: string | undefined;\n /**\n * A custom styles object to be applied to the input element.\n */\n @Prop() customStyles: string | Record<string, string> = {};\n /**\n * The input element's placeholder value.\n */\n @Prop() placeholderValue = 'Enter Search';\n /**\n * The starting value of the input element.\n */\n @Prop() searchTerm = '';\n /**\n * When the input is cleared.\n */\n @Event() inputCleared?: EventEmitter<void>;\n /**\n * When no results are returned.\n */\n @Event() noResultsReceived?: EventEmitter<void>;\n /**\n * When the input becomes focused.\n */\n @Event() inputFocus?: EventEmitter<void>;\n /**\n * When the input becomes unfocused.\n */\n @Event() inputBlur?: EventEmitter<void>;\n /**\n * Event emitted when input initializes.\n */\n @Event() inputInit?: EventEmitter<void>;\n /**\n * Event emitted when a query has been submitted.\n */\n @Event() querySubmit?: EventEmitter<string>;\n\n @State() inputValue = this.searchTerm;\n @State() error = false;\n @State() isSearchcraftInitialized = false;\n\n private searchStore = useSearchcraftStore.getState();\n\n init() {\n if (this.config && !this.isSearchcraftInitialized) {\n const searchcraft = new SearchcraftCore(this.config, {\n sdkName: packageJson.name,\n sdkVersion: packageJson.version,\n });\n this.searchStore.initialize(searchcraft, true);\n this.isSearchcraftInitialized = true;\n this.inputInit?.emit();\n }\n }\n\n componentDidLoad() {\n this.init();\n }\n\n @Watch('config')\n onConfigChange() {\n this.init();\n }\n\n handleOnInput = (event: Event) => {\n const input = event.target as HTMLInputElement;\n this.inputValue = input.value;\n\n if (!this.autoSearch) {\n return;\n }\n\n if (input.value.trim() === '') {\n this.inputCleared?.emit();\n }\n\n this.performSearch(input.value);\n };\n\n private performSearch = async (value: string) => {\n if (value === useSearchcraftStore.getState().searchTerm) {\n return;\n }\n\n this.searchTerm = value.trim();\n this.error = false;\n this.searchStore.setSearchTerm(this.searchTerm);\n this.querySubmit?.emit(this.searchTerm);\n\n try {\n await this.searchStore.search();\n } catch (error) {\n this.error = true;\n this.inputCleared?.emit();\n }\n };\n\n handleClearInput = () => {\n this.inputValue = '';\n this.searchTerm = '';\n this.searchStore.setSearchTerm('');\n this.searchStore.setSearchClientResponseItems([]);\n this.error = false;\n\n this.inputCleared?.emit();\n };\n\n handleFormSubmit = async (event: Event) => {\n event.preventDefault();\n await this.performSearch(this.searchTerm);\n };\n\n render() {\n const validatedCustomStyles = parseCustomStyles(this.customStyles);\n\n const isShowingClearButton = this.inputValue.length > 0;\n\n const inputGridClassNames = classNames('searchcraft-input-grid', {\n 'searchcraft-input-grid-buttonLeft': this.buttonPlacement === 'left',\n 'searchcraft-input-grid-buttonRight': this.buttonPlacement === 'right',\n 'searchcraft-input-grid-buttonNone': this.buttonPlacement === 'none',\n });\n\n const shouldHaveVerticalGap = this.inputLabel || this.error;\n const inputGridStyles = {\n gap: shouldHaveVerticalGap ? '4px 8px' : '0px 8px',\n };\n\n return (\n <form class='searchcraft-input-form' onSubmit={this.handleFormSubmit}>\n <div class={inputGridClassNames} style={inputGridStyles}>\n <div class='searchcraft-input-button-wrapper'>\n <searchcraft-button\n onButtonClick={this.handleFormSubmit}\n label={this.buttonLabel}\n />\n </div>\n {this.inputLabel && (\n <div class='searchcraft-input-label-wrapper'>\n <searchcraft-input-label label={this.inputLabel} />\n </div>\n )}\n {this.error && (\n <div class='searchcraft-input-error-wrapper'>\n <searchcraft-error-message errorMessage='Something went wrong.' />\n </div>\n )}\n <div class='searchcraft-input-wrapper'>\n <input\n autoComplete='off'\n class='searchcraft-input'\n onFocus={() => this.inputFocus?.emit()}\n onBlur={() => this.inputBlur?.emit()}\n onInput={(event) => {\n this.handleOnInput(event);\n }}\n placeholder={this.placeholderValue}\n style={validatedCustomStyles}\n type='text'\n value={this.inputValue}\n />\n <div class='searchcraft-input-search-icon-wrapper'>\n <svg\n class='searchcraft-input-search-icon'\n viewBox='0 0 20 20'\n fill='none'\n xmlns='http://www.w3.org/2000/svg'\n aria-labelledby='searchcraft-title'\n >\n <title id='searchcraft-title'>\n Searchcraft Search Icon Light\n </title>\n <path\n d='M17.5 17.5L13.875 13.875M15.8333 9.16667C15.8333 12.8486 12.8486 15.8333 9.16667 15.8333C5.48477 15.8333 2.5 12.8486 2.5 9.16667C2.5 5.48477 5.48477 2.5 9.16667 2.5C12.8486 2.5 15.8333 5.48477 15.8333 9.16667Z'\n stroke='currentColor'\n stroke-width='1.5'\n stroke-linecap='round'\n stroke-linejoin='round'\n />\n </svg>\n </div>\n {isShowingClearButton && (\n <button\n type='button'\n class='searchcraft-input-clear-button'\n onClick={this.handleClearInput}\n >\n <svg\n class='searchcraft-input-clear-icon'\n viewBox='0 0 22 22'\n fill='none'\n xmlns='http://www.w3.org/2000/svg'\n aria-labelledby='icon-title'\n >\n <title id='icon-title'>\n Searchcraft Clear Input Icon Light\n </title>\n <path\n d='M14 8L8 14M8 8L14 14M21 11C21 16.5228 16.5228 21 11 21C5.47715 21 1 16.5228 1 11C1 5.47715 5.47715 1 11 1C16.5228 1 21 5.47715 21 11Z'\n stroke='currentColor'\n stroke-width='1.5'\n stroke-linecap='round'\n stroke-linejoin='round'\n />\n </svg>\n </button>\n )}\n </div>\n </div>\n </form>\n );\n }\n}\n","import type {\n AdClientResponseItem,\n SearchClientResponseItem,\n} from '@searchcraft/core';\nimport { Component, h, Prop } from '@stencil/core';\n\nimport type { PopoverResultMappings } from '@searchcraft/core';\n\n/**\n * This web component is designed to display a list of results within a popover interface.\n * It is consumed within the `searchcraft-popover-form` component.\n *\n * ## Usage\n * ```html\n * <!-- index.html -->\n * <searchcraft-popover-list-view />\n * ```\n */\n@Component({\n tag: 'searchcraft-popover-list-view',\n shadow: false,\n})\nexport class SearchcraftPopoverListView {\n /**\n * The mappings that define how the data in the documents are mapped to the\n * list-view-item elements.\n */\n @Prop() popoverResultMappings: PopoverResultMappings | undefined;\n /**\n * The items to render in the list view.\n */\n @Prop() searchClientResponseItems: SearchClientResponseItem[] | undefined;\n @Prop() adClientResponseItems: AdClientResponseItem[] | undefined;\n @Prop() searchResultsPage!: number;\n @Prop() searchResultsPerPage!: number;\n\n render() {\n return (\n <div class='searchcraft-popover-list-view'>\n {this.adClientResponseItems?.map((item) => (\n <searchcraft-popover-list-item-ad\n adClientResponseItem={item}\n key={item.adId}\n />\n ))}\n {this.searchClientResponseItems?.map((item, index) => (\n <searchcraft-popover-list-item\n item={item}\n key={item.id}\n popoverResultMappings={this.popoverResultMappings}\n documentPosition={\n this.searchResultsPerPage * (this.searchResultsPage - 1) + index\n }\n />\n ))}\n </div>\n );\n }\n}\n"],"mappings":"6zDA8CaA,EAAgB,M,mRAInBC,OAIAC,WAAa,KAIbC,gBAA6C,OAI7CC,YAIAC,WAIAC,aAAgD,GAIhDC,iBAAmB,eAInBC,WAAa,GAIZC,aAIAC,kBAIAC,WAIAC,UAIAC,UAIAC,YAEAC,WAAaC,KAAKR,WAClBS,MAAQ,MACRC,yBAA2B,MAE5BC,YAAcC,EAAoBC,WAE1C,IAAAC,GACE,GAAIN,KAAKf,SAAWe,KAAKE,yBAA0B,CACjD,MAAMK,EAAc,IAAIC,EAAgBR,KAAKf,OAAQ,CACnDwB,QAASC,EAAYC,KACrBC,WAAYF,EAAYG,UAE1Bb,KAAKG,YAAYW,WAAWP,EAAa,MACzCP,KAAKE,yBAA2B,KAChCF,KAAKH,WAAWkB,M,EAIpB,gBAAAC,GACEhB,KAAKM,M,CAIP,cAAAW,GACEjB,KAAKM,M,CAGPY,cAAiBC,IACf,MAAMC,EAAQD,EAAME,OACpBrB,KAAKD,WAAaqB,EAAME,MAExB,IAAKtB,KAAKd,WAAY,CACpB,M,CAGF,GAAIkC,EAAME,MAAMC,SAAW,GAAI,CAC7BvB,KAAKP,cAAcsB,M,CAGrBf,KAAKwB,cAAcJ,EAAME,MAAM,EAGzBE,cAAgBC,MAAOH,IAC7B,GAAIA,IAAUlB,EAAoBC,WAAWb,WAAY,CACvD,M,CAGFQ,KAAKR,WAAa8B,EAAMC,OACxBvB,KAAKC,MAAQ,MACbD,KAAKG,YAAYuB,cAAc1B,KAAKR,YACpCQ,KAAKF,aAAaiB,KAAKf,KAAKR,YAE5B,UACQQ,KAAKG,YAAYwB,Q,CACvB,MAAO1B,GACPD,KAAKC,MAAQ,KACbD,KAAKP,cAAcsB,M,GAIvBa,iBAAmB,KACjB5B,KAAKD,WAAa,GAClBC,KAAKR,WAAa,GAClBQ,KAAKG,YAAYuB,cAAc,IAC/B1B,KAAKG,YAAY0B,6BAA6B,IAC9C7B,KAAKC,MAAQ,MAEbD,KAAKP,cAAcsB,MAAM,EAG3Be,iBAAmBL,MAAON,IACxBA,EAAMY,uBACA/B,KAAKwB,cAAcxB,KAAKR,WAAW,EAG3C,MAAAwC,GACE,MAAMC,EAAwBC,EAAkBlC,KAAKV,cAErD,MAAM6C,EAAuBnC,KAAKD,WAAWqC,OAAS,EAEtD,MAAMC,EAAsBC,EAAW,yBAA0B,CAC/D,oCAAqCtC,KAAKb,kBAAoB,OAC9D,qCAAsCa,KAAKb,kBAAoB,QAC/D,oCAAqCa,KAAKb,kBAAoB,SAGhE,MAAMoD,EAAwBvC,KAAKX,YAAcW,KAAKC,MACtD,MAAMuC,EAAkB,CACtBC,IAAKF,EAAwB,UAAY,WAG3C,OACEG,EAAA,QAAAC,IAAA,2CAAMC,MAAM,yBAAyBC,SAAU7C,KAAK8B,kBAClDY,EAAA,OAAAC,IAAA,2CAAKC,MAAOP,EAAqBS,MAAON,GACtCE,EAAA,OAAAC,IAAA,2CAAKC,MAAM,oCACTF,EAAA,sBAAAC,IAAA,2CACEI,cAAe/C,KAAK8B,iBACpBkB,MAAOhD,KAAKZ,eAGfY,KAAKX,YACJqD,EAAA,OAAAC,IAAA,2CAAKC,MAAM,mCACTF,EAAA,2BAAAC,IAAA,2CAAyBK,MAAOhD,KAAKX,cAGxCW,KAAKC,OACJyC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,mCACTF,EAAA,6BAAAC,IAAA,2CAA2BM,aAAa,2BAG5CP,EAAA,OAAAC,IAAA,2CAAKC,MAAM,6BACTF,EAAA,SAAAC,IAAA,2CACEO,aAAa,MACbN,MAAM,oBACNO,QAAS,IAAMnD,KAAKL,YAAYoB,OAChCqC,OAAQ,IAAMpD,KAAKJ,WAAWmB,OAC9BsC,QAAUlC,IACRnB,KAAKkB,cAAcC,EAAM,EAE3BmC,YAAatD,KAAKT,iBAClBuD,MAAOb,EACPsB,KAAK,OACLjC,MAAOtB,KAAKD,aAEd2C,EAAA,OAAAC,IAAA,2CAAKC,MAAM,yCACTF,EAAA,OAAAC,IAAA,2CACEC,MAAM,gCACNY,QAAQ,YACRC,KAAK,OACLC,MAAM,6BAA4B,kBAClB,qBAEhBhB,EAAA,SAAAC,IAAA,2CAAOgB,GAAG,qBAAmB,iCAG7BjB,EAAA,QAAAC,IAAA,2CACEiB,EAAE,oNACFC,OAAO,eAAc,eACR,MAAK,iBACH,QAAO,kBACN,YAIrB1B,GACCO,EAAA,UAAAC,IAAA,2CACEY,KAAK,SACLX,MAAM,iCACNkB,QAAS9D,KAAK4B,kBAEdc,EAAA,OAAAC,IAAA,2CACEC,MAAM,+BACNY,QAAQ,YACRC,KAAK,OACLC,MAAM,6BAA4B,kBAClB,cAEhBhB,EAAA,SAAAC,IAAA,2CAAOgB,GAAG,cAAY,sCAGtBjB,EAAA,QAAAC,IAAA,2CACEiB,EAAE,wIACFC,OAAO,eAAc,eACR,MAAK,iBACH,QAAO,kBACN,c,iECvPvBE,EAA0B,M,yBAK7BC,sBAIAC,0BACAC,sBACAC,kBACAC,qBAER,MAAApC,GACE,OACEU,EAAA,OAAAC,IAAA,2CAAKC,MAAM,iCACR5C,KAAKkE,uBAAuBG,KAAKC,GAChC5B,EAAA,oCACE6B,qBAAsBD,EACtB3B,IAAK2B,EAAKE,SAGbxE,KAAKiE,2BAA2BI,KAAI,CAACC,EAAMG,IAC1C/B,EAAA,iCACE4B,KAAMA,EACN3B,IAAK2B,EAAKX,GACVK,sBAAuBhE,KAAKgE,sBAC5BU,iBACE1E,KAAKoE,sBAAwBpE,KAAKmE,kBAAoB,GAAKM,M","ignoreList":[]}
@@ -0,0 +1,2 @@
1
+ import{r as s,h as t}from"./p-7e13c128.js";import{c as i}from"./p-5cdc6210.js";import{u as h}from"./p-38419178.js";import{f as r}from"./p-6104fe5d.js";import{p as e}from"./p-d9551738.js";const c=class{constructor(t){s(this,t)}customFormatter;customStyles;searchTerm;searchResultsPage;searchResultsPerPage;searchResultsCount;count=0;range=[0,0];responseTime="0";unsubscribe=()=>{};connectedCallback(){this.unsubscribe=h.subscribe((s=>{this.searchTerm=s.searchTerm;this.searchResultsPage=s.searchResultsPage;this.searchResultsPerPage=s.searchResultsPerPage;this.searchResultsCount=s.searchResultsCount;this.count=this.searchResultsCount;this.range[0]=this.searchResultsPage<=1?1:this.searchResultsPerPage*(this.searchResultsPage-1);this.range[1]=this.searchResultsPerPage*this.searchResultsPage;this.range[1]=this.range[1]>this.searchResultsCount?this.searchResultsCount:this.range[1];this.responseTime=((s.searchResponseTimeTaken||0)*1e3).toFixed(2)}))}disconnectedCallback(){if(this.unsubscribe){this.unsubscribe()}}render(){if(!this.searchTerm||this.searchResultsCount===0){return null}return t("p",{class:i("searchcraft-results-info",e(this.customStyles||{}))},this.customFormatter?this.customFormatter([r(this.range[0]),r(this.range[1])],r(this.count),this.responseTime):`${this.count} results found in ${this.responseTime}ms`)}};export{c as searchcraft_results_info};
2
+ //# sourceMappingURL=p-a84b1548.entry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["SearchcraftResultsInfo","customFormatter","customStyles","searchTerm","searchResultsPage","searchResultsPerPage","searchResultsCount","count","range","responseTime","unsubscribe","connectedCallback","this","useSearchcraftStore","subscribe","state","searchResponseTimeTaken","toFixed","disconnectedCallback","render","h","class","classNames","parseCustomStyles","formatNumberWithCommas"],"sources":["src/components/searchcraft-results-info/searchcraft-results-info.tsx"],"sourcesContent":["import { Component, h, State, Prop } from '@stencil/core';\nimport classNames from 'classnames';\n\nimport { useSearchcraftStore } from '@provider/store';\n\nimport { formatNumberWithCommas, parseCustomStyles } from '@utils';\n\n/**\n * This web component is designed to display the number of results returned from a search query.\n *\n * ## Usage\n * ```html\n * <!-- index.html -->\n * <script>\n * const resultsInfo = document.querySelector('searchcraft-results-info');\n * resultsInfo.customFormatter = (range, count, responseTime) =>\n * `${range[0]}-${range[1]} of ${count} results in ${responseTime}ms`;\n * </script>\n *\n * <searchcraft-results-info />\n * ```\n */\n@Component({\n tag: 'searchcraft-results-info',\n shadow: false,\n})\nexport class SearchcraftResultsInfo {\n /**\n * The custom formatter for the resulting string.\n *\n * @example\n * ```ts\n * resultsInfo.customFormatter = (range, count, responseTime) =>\n * `${range[0]}-${range[1]} of ${count} results in ${responseTime}ms`;\n * ```\n */\n @Prop() customFormatter?: (\n range: [string, string],\n count: string,\n responseTime: string,\n ) => void;\n /**\n * The custom styles object.\n */\n @Prop() customStyles?: string;\n\n // store vars\n @State() searchTerm;\n @State() searchResultsPage;\n @State() searchResultsPerPage;\n @State() searchResultsCount;\n\n // local vars\n @State() count = 0;\n @State() range: number[] = [0, 0];\n @State() responseTime = '0';\n\n unsubscribe: () => void = () => {};\n\n connectedCallback() {\n this.unsubscribe = useSearchcraftStore.subscribe((state) => {\n // store vars\n this.searchTerm = state.searchTerm;\n this.searchResultsPage = state.searchResultsPage;\n this.searchResultsPerPage = state.searchResultsPerPage;\n this.searchResultsCount = state.searchResultsCount;\n\n // local vars\n this.count = this.searchResultsCount;\n this.range[0] =\n this.searchResultsPage <= 1\n ? 1\n : this.searchResultsPerPage * (this.searchResultsPage - 1);\n this.range[1] = this.searchResultsPerPage * this.searchResultsPage;\n this.range[1] =\n this.range[1] > this.searchResultsCount\n ? this.searchResultsCount\n : this.range[1];\n this.responseTime = ((state.searchResponseTimeTaken || 0) * 1000).toFixed(\n 2,\n );\n });\n }\n\n disconnectedCallback() {\n if (this.unsubscribe) {\n this.unsubscribe();\n }\n }\n\n render() {\n if (!this.searchTerm || this.searchResultsCount === 0) {\n return null;\n }\n\n return (\n <p\n class={classNames(\n 'searchcraft-results-info',\n parseCustomStyles(this.customStyles || {}),\n )}\n >\n {this.customFormatter\n ? this.customFormatter(\n [\n formatNumberWithCommas(this.range[0]),\n formatNumberWithCommas(this.range[1]),\n ],\n formatNumberWithCommas(this.count),\n this.responseTime,\n )\n : `${this.count} results found in ${this.responseTime}ms`}\n </p>\n );\n }\n}\n"],"mappings":"iMA0BaA,EAAsB,M,yBAUzBC,gBAQAC,aAGCC,WACAC,kBACAC,qBACAC,mBAGAC,MAAQ,EACRC,MAAkB,CAAC,EAAG,GACtBC,aAAe,IAExBC,YAA0B,OAE1B,iBAAAC,GACEC,KAAKF,YAAcG,EAAoBC,WAAWC,IAEhDH,KAAKT,WAAaY,EAAMZ,WACxBS,KAAKR,kBAAoBW,EAAMX,kBAC/BQ,KAAKP,qBAAuBU,EAAMV,qBAClCO,KAAKN,mBAAqBS,EAAMT,mBAGhCM,KAAKL,MAAQK,KAAKN,mBAClBM,KAAKJ,MAAM,GACTI,KAAKR,mBAAqB,EACtB,EACAQ,KAAKP,sBAAwBO,KAAKR,kBAAoB,GAC5DQ,KAAKJ,MAAM,GAAKI,KAAKP,qBAAuBO,KAAKR,kBACjDQ,KAAKJ,MAAM,GACTI,KAAKJ,MAAM,GAAKI,KAAKN,mBACjBM,KAAKN,mBACLM,KAAKJ,MAAM,GACjBI,KAAKH,eAAiBM,EAAMC,yBAA2B,GAAK,KAAMC,QAChE,EACD,G,CAIL,oBAAAC,GACE,GAAIN,KAAKF,YAAa,CACpBE,KAAKF,a,EAIT,MAAAS,GACE,IAAKP,KAAKT,YAAcS,KAAKN,qBAAuB,EAAG,CACrD,OAAO,I,CAGT,OACEc,EAAA,KACEC,MAAOC,EACL,2BACAC,EAAkBX,KAAKV,cAAgB,MAGxCU,KAAKX,gBACFW,KAAKX,gBACH,CACEuB,EAAuBZ,KAAKJ,MAAM,IAClCgB,EAAuBZ,KAAKJ,MAAM,KAEpCgB,EAAuBZ,KAAKL,OAC5BK,KAAKH,cAEP,GAAGG,KAAKL,0BAA0BK,KAAKH,iB","ignoreList":[]}
@@ -0,0 +1,2 @@
1
+ import{r as e,c as s,h as a}from"./p-7e13c128.js";import{c as t}from"./p-5cdc6210.js";import{p as c}from"./p-d9551738.js";const l=class{constructor(a){e(this,a);this.selectChange=s(this,"selectChange",7)}caption;disabled=false;inputId;label;labelId;name;options=[];customStyles;selectChange;searchResultsPerPage;setSearchResultsPage=()=>{};setSearchResultsPerPage=()=>{};handleSelectChange=e=>{this.selectChange.emit(e.target.value)};handleGoToPage(e){this.setSearchResultsPage(e)}render(){return a("div",{key:"5024d49d89a3649a5de591d37ded304a9dfb36d9",class:t("searchcraft-select",c(this.customStyles||{}))},this.label&&a("label",{key:"005aea9b190e5a6c041721e20395be23f76faab6",class:"searchcraft-select-label",id:this.labelId||`${this.inputId}-label`,htmlFor:this.inputId},this.label),a("div",{key:"209d56844c0bcd241e73bafcad24fac927fe7ffa",class:"searchcraft-select-input-wrapper"},a("select",{key:"010c9e596ef45a303f84c0ac0fa54ab67556d7b6","aria-labelledby":this.label?this.labelId||`${this.inputId}-label`:undefined,class:"searchcraft-select-input",disabled:this.disabled,id:this.inputId,name:this.name,onChange:this.handleSelectChange},(typeof this.options==="string"?JSON.parse(this.options):this.options).map((({label:e,value:s,selected:t})=>a("option",{key:s,value:s,selected:t},e)))),a("svg",{key:"51d9fb79381468ee0992475ba376df5a5961116c",class:"searchcraft-select-input-icon",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("title",{key:"59186138953557764915d41708d4bcc23a9bb97f"},"Select dropdown icon"),a("path",{key:"ec2c962df16cb68bdaf3e2c32e57d875a63957a9",d:"M5 7.5L10 12.5L15 7.5",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}))),this.caption&&a("p",{key:"742bc2dbd8371938894d49bb37d429d1b7a07d7a",class:"searchcraft-select-caption"},this.caption))}};export{l as searchcraft_select};
2
+ //# sourceMappingURL=p-b8ea0454.entry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["SearchcraftSelect","caption","disabled","inputId","label","labelId","name","options","customStyles","selectChange","searchResultsPerPage","setSearchResultsPage","setSearchResultsPerPage","handleSelectChange","event","this","emit","target","value","handleGoToPage","page","render","h","key","class","classNames","parseCustomStyles","id","htmlFor","undefined","onChange","JSON","parse","map","selected","width","height","viewBox","fill","xmlns","d","stroke"],"sources":["src/components/searchcraft-select/searchcraft-select.tsx"],"sourcesContent":["import {\n Component,\n h,\n State,\n Prop,\n type EventEmitter,\n Event,\n} from '@stencil/core';\nimport classNames from 'classnames';\n\nimport { parseCustomStyles } from '@utils';\n\nexport type SearchcraftSelectOption = {\n label: string;\n value: string | number;\n selected?: boolean;\n};\n\n/**\n * This web component is designed to allow users to select between a group of options.\n *\n * ## Usage\n * ```html\n * <!-- index.html -->\n * <searchcraft-select\n * inputId=\"searchcraft-select\"\n * name=\"searchcraft-select\"\n * options=\"[{ label: 'label', value: 'value' }]\"\n * />\n * ```\n */\n@Component({\n tag: 'searchcraft-select',\n shadow: false,\n})\nexport class SearchcraftSelect {\n /**\n * The caption displayed below the select input.\n */\n @Prop() caption?: string;\n /**\n * Whether the select input is disabled.\n */\n @Prop() disabled?: boolean = false;\n /**\n * The ID for the select input.\n */\n @Prop() inputId!: string;\n /**\n * The label of the select input.\n */\n @Prop() label?: string;\n /**\n * The ID for the label of the select input.\n */\n @Prop() labelId?: string;\n /**\n * The name of the select input.\n */\n @Prop() name!: string;\n /**\n * The options for the select input.\n */\n @Prop() options: SearchcraftSelectOption[] | string = [];\n /**\n * A custom styles object.\n */\n @Prop() customStyles?: string;\n /**\n * The event fired when the select is changed.\n */\n @Event() selectChange!: EventEmitter<string>;\n\n @State() searchResultsPerPage;\n\n @State() setSearchResultsPage: (page: number) => void = () => {};\n @State() setSearchResultsPerPage: (perPage: number) => void = () => {};\n\n private handleSelectChange = (event) => {\n this.selectChange.emit(event.target.value);\n };\n\n handleGoToPage(page: number) {\n this.setSearchResultsPage(page);\n }\n\n render() {\n return (\n <div\n class={classNames(\n 'searchcraft-select',\n parseCustomStyles(this.customStyles || {}),\n )}\n >\n {this.label && (\n <label\n class='searchcraft-select-label'\n id={this.labelId || `${this.inputId}-label`}\n htmlFor={this.inputId}\n >\n {this.label}\n </label>\n )}\n <div class='searchcraft-select-input-wrapper'>\n <select\n aria-labelledby={\n this.label ? this.labelId || `${this.inputId}-label` : undefined\n }\n class='searchcraft-select-input'\n disabled={this.disabled}\n id={this.inputId}\n name={this.name}\n onChange={this.handleSelectChange}\n >\n {(typeof this.options === 'string'\n ? JSON.parse(this.options)\n : this.options\n ).map(({ label, value, selected }) => {\n return (\n <option key={value} value={value} selected={selected}>\n {label}\n </option>\n );\n })}\n </select>\n <svg\n class='searchcraft-select-input-icon'\n width='20'\n height='20'\n viewBox='0 0 20 20'\n fill='none'\n xmlns='http://www.w3.org/2000/svg'\n >\n <title>Select dropdown icon</title>\n <path\n d='M5 7.5L10 12.5L15 7.5'\n stroke='currentColor'\n stroke-width='1.5'\n stroke-linecap='round'\n stroke-linejoin='round'\n />\n </svg>\n </div>\n {this.caption && (\n <p class='searchcraft-select-caption'>{this.caption}</p>\n )}\n </div>\n );\n }\n}\n"],"mappings":"gIAmCaA,EAAiB,M,oEAIpBC,QAIAC,SAAqB,MAIrBC,QAIAC,MAIAC,QAIAC,KAIAC,QAA8C,GAI9CC,aAICC,aAEAC,qBAEAC,qBAA+C,OAC/CC,wBAAqD,OAEtDC,mBAAsBC,IAC5BC,KAAKN,aAAaO,KAAKF,EAAMG,OAAOC,MAAM,EAG5C,cAAAC,CAAeC,GACbL,KAAKJ,qBAAqBS,E,CAG5B,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CACEC,MAAOC,EACL,qBACAC,EAAkBX,KAAKP,cAAgB,MAGxCO,KAAKX,OACJkB,EAAA,SAAAC,IAAA,2CACEC,MAAM,2BACNG,GAAIZ,KAAKV,SAAW,GAAGU,KAAKZ,gBAC5ByB,QAASb,KAAKZ,SAEbY,KAAKX,OAGVkB,EAAA,OAAAC,IAAA,2CAAKC,MAAM,oCACTF,EAAA,UAAAC,IAAA,6DAEIR,KAAKX,MAAQW,KAAKV,SAAW,GAAGU,KAAKZ,gBAAkB0B,UAEzDL,MAAM,2BACNtB,SAAUa,KAAKb,SACfyB,GAAIZ,KAAKZ,QACTG,KAAMS,KAAKT,KACXwB,SAAUf,KAAKF,4BAENE,KAAKR,UAAY,SACtBwB,KAAKC,MAAMjB,KAAKR,SAChBQ,KAAKR,SACP0B,KAAI,EAAG7B,QAAOc,QAAOgB,cAEnBZ,EAAA,UAAQC,IAAKL,EAAOA,MAAOA,EAAOgB,SAAUA,GACzC9B,MAKTkB,EAAA,OAAAC,IAAA,2CACEC,MAAM,gCACNW,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRC,KAAK,OACLC,MAAM,8BAENjB,EAAA,SAAAC,IAAA,oEACAD,EAAA,QAAAC,IAAA,2CACEiB,EAAE,wBACFC,OAAO,eAAc,eACR,MAAK,iBACH,QAAO,kBACN,YAIrB1B,KAAKd,SACJqB,EAAA,KAAAC,IAAA,2CAAGC,MAAM,8BAA8BT,KAAKd,S","ignoreList":[]}
@@ -0,0 +1,2 @@
1
+ import{r as e,h as t}from"./p-7e13c128.js";import{u as s}from"./p-38419178.js";import{a}from"./p-6104fe5d.js";const r=class{constructor(t){e(this,t)}item;popoverResultMappings;documentPosition=0;href;imageSrc;imageAlt;titleContent;subtitleContent;mapValuesFromDocument(e){this.titleContent=a(e,this.popoverResultMappings?.title);this.subtitleContent=a(e,this.popoverResultMappings?.subtitle);this.href=a(e,this.popoverResultMappings?.href);this.imageSrc=a(e,this.popoverResultMappings?.imageSource);this.imageAlt=a(e,this.popoverResultMappings?.imageAlt)}connectedCallback(){if(this.item){this.mapValuesFromDocument(this.item.document)}}disconnectedCallback(){}handleLinkClick=()=>{const e=s.getState();const t=e.getSearchcraftInstance();if(t){const s=this.documentPosition;const a=e.searchTerm;const r=e.searchClientResponseItems.length||0;t.measureClient?.sendMeasureEvent("document_clicked",{document_position:s,number_of_documents:r,search_term:a})}};render(){return t("a",{key:"77e0a59f0441c7ed717ffc0de7f335e76b7b5f5e",class:"searchcraft-popover-list-item",href:this.href,onClick:this.handleLinkClick.bind(this)},this.imageSrc&&t("div",{key:"70fe7167cd9baa5029b1482ac6e71bd46c3171a7",class:"searchcraft-popover-list-item-image-wrapper"},t("img",{key:"768f651b06005ecefb9818268664334c6bf0d333",alt:this.imageAlt,src:this.imageSrc,class:"searchcraft-popover-list-item-image"})),t("div",{key:"a34b31b92d232193e9d43c5871ecad0d4ee3f59a",class:"searchcraft-popover-list-item-info-wrapper"},t("p",{key:"f2bd9dab4008d200b4528fde35950be90503d66c",class:"searchcraft-popover-list-item-title"},this.titleContent),t("p",{key:"4231966d7c4c48dfaaf4925ad18db3428219edad",class:"searchcraft-popover-list-item-subtitle"},this.subtitleContent)))}};const i=class{constructor(t){e(this,t)}adClientResponseItem;connectedCallback(){if(this.adClientResponseItem?.admAd?.impression_url){fetch(this.adClientResponseItem?.admAd?.impression_url)}}renderADMProductAd(){const e=this.adClientResponseItem?.admAd;if(!e){return}return t("a",{class:"searchcraft-popover-list-item-ad",href:e.click_url},e.image_url&&t("div",{class:"searchcraft-popover-list-item-ad-image-wrapper"},t("img",{alt:e.term,src:e.image_url,class:"searchcraft-popover-list-item-ad-image"})),t("div",{class:"searchcraft-popover-list-item-ad-info-wrapper"},t("p",{class:"searchcraft-popover-list-item-ad-title"},e.term),t("p",{class:"searchcraft-popover-list-item-ad-subtitle"},e.price)))}renderADMTextAd(){const e=this.adClientResponseItem?.admAd;if(!e){return}return t("a",{class:"searchcraft-popover-list-item-ad",href:e.click_url},e.image_url&&t("div",{class:"searchcraft-popover-list-item-ad-image-wrapper"},t("img",{alt:e.term,src:e.image_url,class:"searchcraft-popover-list-item-ad-image"})),t("div",{class:"searchcraft-popover-list-item-ad-info-wrapper"},t("p",{class:"searchcraft-popover-list-item-ad-title"},e.term)))}renderNativoAd(){}renderAdPlaceholder(){return t("p",null,"Ad placeholder")}render(){if(!this.adClientResponseItem){return this.renderAdPlaceholder()}switch(this.adClientResponseItem.type){case"adm-product-ad":return this.renderADMProductAd();case"adm-text-ad":return this.renderADMTextAd();case"nativo-ad":return this.renderNativoAd()}}};export{r as searchcraft_popover_list_item,i as searchcraft_popover_list_item_ad};
2
+ //# sourceMappingURL=p-c4a9d8ab.entry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["SearchcraftPopoverListItem","item","popoverResultMappings","documentPosition","href","imageSrc","imageAlt","titleContent","subtitleContent","mapValuesFromDocument","document","this","getDocumentValueFromSearchResultMapping","title","subtitle","imageSource","connectedCallback","disconnectedCallback","handleLinkClick","state","useSearchcraftStore","getState","searchcraft","getSearchcraftInstance","document_position","search_term","searchTerm","number_of_documents","searchClientResponseItems","length","measureClient","sendMeasureEvent","render","h","key","class","onClick","bind","alt","src","SearchcraftPopoverListItemAd","adClientResponseItem","admAd","impression_url","fetch","renderADMProductAd","ad","click_url","image_url","term","price","renderADMTextAd","renderNativoAd","renderAdPlaceholder","type"],"sources":["src/components/searchcraft-popover-list-item/searchcraft-popover-list-item.tsx","src/components/searchcraft-popover-list-item-ad/searchcraft-popover-list-item-ad.tsx"],"sourcesContent":["import { useSearchcraftStore } from '@provider/store';\nimport type {\n SearchDocument,\n SearchClientResponseItem,\n PopoverResultMappings,\n} from '@searchcraft/core';\nimport { Component, h, Prop, State } from '@stencil/core';\nimport { getDocumentValueFromSearchResultMapping } from '@utils';\n\n/**\n * A single list item rendered in a searchcraft-popover-list-view.\n */\n@Component({\n tag: 'searchcraft-popover-list-item',\n shadow: false,\n})\nexport class SearchcraftPopoverListItem {\n @Prop() item: SearchClientResponseItem | undefined;\n @Prop() popoverResultMappings: PopoverResultMappings | undefined;\n /** The document position relative to the search results (For Measure) */\n @Prop() documentPosition = 0;\n\n @State() href?: string;\n @State() imageSrc?: string;\n @State() imageAlt?: string;\n @State() titleContent?: string;\n @State() subtitleContent?: string;\n\n mapValuesFromDocument(document: SearchDocument) {\n this.titleContent = getDocumentValueFromSearchResultMapping(\n document,\n this.popoverResultMappings?.title,\n );\n this.subtitleContent = getDocumentValueFromSearchResultMapping(\n document,\n this.popoverResultMappings?.subtitle,\n );\n this.href = getDocumentValueFromSearchResultMapping(\n document,\n this.popoverResultMappings?.href,\n );\n this.imageSrc = getDocumentValueFromSearchResultMapping(\n document,\n this.popoverResultMappings?.imageSource,\n );\n this.imageAlt = getDocumentValueFromSearchResultMapping(\n document,\n this.popoverResultMappings?.imageAlt,\n );\n }\n\n connectedCallback() {\n if (this.item) {\n this.mapValuesFromDocument(this.item.document);\n }\n }\n\n disconnectedCallback() {}\n\n handleLinkClick = () => {\n const state = useSearchcraftStore.getState();\n const searchcraft = state.getSearchcraftInstance();\n\n if (searchcraft) {\n const document_position = this.documentPosition;\n const search_term = state.searchTerm;\n const number_of_documents = state.searchClientResponseItems.length || 0;\n\n searchcraft.measureClient?.sendMeasureEvent('document_clicked', {\n document_position,\n number_of_documents,\n search_term,\n });\n }\n };\n\n render() {\n return (\n <a\n class='searchcraft-popover-list-item'\n href={this.href}\n onClick={this.handleLinkClick.bind(this)}\n >\n {this.imageSrc && (\n <div class='searchcraft-popover-list-item-image-wrapper'>\n <img\n alt={this.imageAlt}\n src={this.imageSrc}\n class='searchcraft-popover-list-item-image'\n />\n </div>\n )}\n <div class='searchcraft-popover-list-item-info-wrapper'>\n <p class='searchcraft-popover-list-item-title'>{this.titleContent}</p>\n <p class='searchcraft-popover-list-item-subtitle'>\n {this.subtitleContent}\n </p>\n </div>\n </a>\n );\n }\n}\n","import type {\n AdClientResponseItem,\n ADMProductAd,\n ADMTextAd,\n} from '@searchcraft/core';\nimport { Component, h, Prop } from '@stencil/core';\n\n/**\n * A single list item rendered in a searchcraft-popover-list-view.\n */\n@Component({\n tag: 'searchcraft-popover-list-item-ad',\n shadow: false,\n})\nexport class SearchcraftPopoverListItemAd {\n @Prop() adClientResponseItem?: AdClientResponseItem;\n\n connectedCallback() {\n if (this.adClientResponseItem?.admAd?.impression_url) {\n fetch(this.adClientResponseItem?.admAd?.impression_url);\n }\n }\n\n renderADMProductAd() {\n const ad = this.adClientResponseItem?.admAd as ADMProductAd;\n if (!ad) {\n return;\n }\n\n return (\n <a class='searchcraft-popover-list-item-ad' href={ad.click_url}>\n {ad.image_url && (\n <div class='searchcraft-popover-list-item-ad-image-wrapper'>\n <img\n alt={ad.term}\n src={ad.image_url}\n class='searchcraft-popover-list-item-ad-image'\n />\n </div>\n )}\n <div class='searchcraft-popover-list-item-ad-info-wrapper'>\n <p class='searchcraft-popover-list-item-ad-title'>{ad.term}</p>\n <p class='searchcraft-popover-list-item-ad-subtitle'>{ad.price}</p>\n </div>\n </a>\n );\n }\n\n renderADMTextAd() {\n const ad = this.adClientResponseItem?.admAd as ADMTextAd;\n if (!ad) {\n return;\n }\n\n return (\n <a class='searchcraft-popover-list-item-ad' href={ad.click_url}>\n {ad.image_url && (\n <div class='searchcraft-popover-list-item-ad-image-wrapper'>\n <img\n alt={ad.term}\n src={ad.image_url}\n class='searchcraft-popover-list-item-ad-image'\n />\n </div>\n )}\n <div class='searchcraft-popover-list-item-ad-info-wrapper'>\n <p class='searchcraft-popover-list-item-ad-title'>{ad.term}</p>\n </div>\n </a>\n );\n }\n\n renderNativoAd() {}\n\n renderAdPlaceholder() {\n return <p>Ad placeholder</p>;\n // return;\n }\n\n render() {\n if (!this.adClientResponseItem) {\n return this.renderAdPlaceholder();\n }\n\n switch (this.adClientResponseItem.type) {\n case 'adm-product-ad':\n return this.renderADMProductAd();\n case 'adm-text-ad':\n return this.renderADMTextAd();\n case 'nativo-ad':\n return this.renderNativoAd();\n }\n }\n}\n"],"mappings":"oHAgBaA,EAA0B,M,yBAC7BC,KACAC,sBAEAC,iBAAmB,EAElBC,KACAC,SACAC,SACAC,aACAC,gBAET,qBAAAC,CAAsBC,GACpBC,KAAKJ,aAAeK,EAClBF,EACAC,KAAKT,uBAAuBW,OAE9BF,KAAKH,gBAAkBI,EACrBF,EACAC,KAAKT,uBAAuBY,UAE9BH,KAAKP,KAAOQ,EACVF,EACAC,KAAKT,uBAAuBE,MAE9BO,KAAKN,SAAWO,EACdF,EACAC,KAAKT,uBAAuBa,aAE9BJ,KAAKL,SAAWM,EACdF,EACAC,KAAKT,uBAAuBI,S,CAIhC,iBAAAU,GACE,GAAIL,KAAKV,KAAM,CACbU,KAAKF,sBAAsBE,KAAKV,KAAKS,S,EAIzC,oBAAAO,GAAoB,CAEpBC,gBAAkB,KAChB,MAAMC,EAAQC,EAAoBC,WAClC,MAAMC,EAAcH,EAAMI,yBAE1B,GAAID,EAAa,CACf,MAAME,EAAoBb,KAAKR,iBAC/B,MAAMsB,EAAcN,EAAMO,WAC1B,MAAMC,EAAsBR,EAAMS,0BAA0BC,QAAU,EAEtEP,EAAYQ,eAAeC,iBAAiB,mBAAoB,CAC9DP,oBACAG,sBACAF,e,GAKN,MAAAO,GACE,OACEC,EAAA,KAAAC,IAAA,2CACEC,MAAM,gCACN/B,KAAMO,KAAKP,KACXgC,QAASzB,KAAKO,gBAAgBmB,KAAK1B,OAElCA,KAAKN,UACJ4B,EAAA,OAAAC,IAAA,2CAAKC,MAAM,+CACTF,EAAA,OAAAC,IAAA,2CACEI,IAAK3B,KAAKL,SACViC,IAAK5B,KAAKN,SACV8B,MAAM,yCAIZF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,8CACTF,EAAA,KAAAC,IAAA,2CAAGC,MAAM,uCAAuCxB,KAAKJ,cACrD0B,EAAA,KAAAC,IAAA,2CAAGC,MAAM,0CACNxB,KAAKH,kB,SCjFLgC,EAA4B,M,yBAC/BC,qBAER,iBAAAzB,GACE,GAAIL,KAAK8B,sBAAsBC,OAAOC,eAAgB,CACpDC,MAAMjC,KAAK8B,sBAAsBC,OAAOC,e,EAI5C,kBAAAE,GACE,MAAMC,EAAKnC,KAAK8B,sBAAsBC,MACtC,IAAKI,EAAI,CACP,M,CAGF,OACEb,EAAA,KAAGE,MAAM,mCAAmC/B,KAAM0C,EAAGC,WAClDD,EAAGE,WACFf,EAAA,OAAKE,MAAM,kDACTF,EAAA,OACEK,IAAKQ,EAAGG,KACRV,IAAKO,EAAGE,UACRb,MAAM,4CAIZF,EAAA,OAAKE,MAAM,iDACTF,EAAA,KAAGE,MAAM,0CAA0CW,EAAGG,MACtDhB,EAAA,KAAGE,MAAM,6CAA6CW,EAAGI,Q,CAMjE,eAAAC,GACE,MAAML,EAAKnC,KAAK8B,sBAAsBC,MACtC,IAAKI,EAAI,CACP,M,CAGF,OACEb,EAAA,KAAGE,MAAM,mCAAmC/B,KAAM0C,EAAGC,WAClDD,EAAGE,WACFf,EAAA,OAAKE,MAAM,kDACTF,EAAA,OACEK,IAAKQ,EAAGG,KACRV,IAAKO,EAAGE,UACRb,MAAM,4CAIZF,EAAA,OAAKE,MAAM,iDACTF,EAAA,KAAGE,MAAM,0CAA0CW,EAAGG,O,CAM9D,cAAAG,GAAc,CAEd,mBAAAC,GACE,OAAOpB,EAAA,0B,CAIT,MAAAD,GACE,IAAKrB,KAAK8B,qBAAsB,CAC9B,OAAO9B,KAAK0C,qB,CAGd,OAAQ1C,KAAK8B,qBAAqBa,MAChC,IAAK,iBACH,OAAO3C,KAAKkC,qBACd,IAAK,cACH,OAAOlC,KAAKwC,kBACd,IAAK,YACH,OAAOxC,KAAKyC,iB","ignoreList":[]}
@@ -0,0 +1,2 @@
1
+ import{r as t,c as s,h as r,F as a}from"./p-7e13c128.js";import{c as e}from"./p-5cdc6210.js";const c=class{constructor(r){t(this,r);this.buttonClick=s(this,"buttonClick",7)}hierarchy="primary";disabled=false;icon;iconOnly=false;iconPosition="left";label="Search";type="button";buttonClick;handleButtonClick=()=>{this.buttonClick.emit()};render(){return r("button",{key:"fc258e1c7aab54611c781789eef7facc074f02c3",class:e("searchcraft-button",{"searchcraft-button-primary":this.hierarchy==="primary","searchcraft-button-tertiary":this.hierarchy==="tertiary","searchcraft-button-disabled":this.disabled}),disabled:this.disabled,onClick:this.handleButtonClick,type:this.type},this.iconOnly?this.icon:r(a,null,this.iconPosition==="left"&&this.icon,r("span",null,this.label),this.iconPosition==="right"&&this.icon))}};const i=class{constructor(s){t(this,s)}errorMessage;render(){return r("p",{key:"dc97bb66da10a98fca027f928deaaf80d945417b",class:"searchcraft-error-message"},this.errorMessage||"Search term is required.")}};const h=class{constructor(s){t(this,s)}inputLabelClassName="";label="";render(){return r("label",{key:"528396d4be9f22ff0c02d95d8bcea056576aed41",class:e("searchcraft-input-label",this.inputLabelClassName),htmlFor:"searchcraft-input-id"},this.label)}};export{c as searchcraft_button,i as searchcraft_error_message,h as searchcraft_input_label};
2
+ //# sourceMappingURL=p-d2fffca9.entry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["SearchcraftButton","hierarchy","disabled","icon","iconOnly","iconPosition","label","type","buttonClick","handleButtonClick","this","emit","render","h","key","class","classNames","onClick","Fragment","SearchcraftErrorMessage","errorMessage","SearchcraftInputLabel","inputLabelClassName","htmlFor"],"sources":["src/components/searchcraft-button/searchcraft-button.tsx","src/components/searchcraft-error-message/searchcraft-error-message.tsx","src/components/searchcraft-input-label/searchcraft-input-label.tsx"],"sourcesContent":["import {\n Component,\n Event,\n type EventEmitter,\n Prop,\n h,\n Fragment,\n} from '@stencil/core';\nimport classNames from 'classnames';\n\n/**\n * This web component represents a button to be consumed within the `search-input-form` component.\n * It provides a clear, interactive way for users to submit search queries or trigger actions in a search interface.\n * It is consumed within the `searchcraft-input-form` component.\n */\n@Component({\n tag: 'searchcraft-button',\n shadow: false,\n})\nexport class SearchcraftButton {\n /**\n * Controls the visual representation of the button.\n */\n @Prop() hierarchy?: 'primary' | 'tertiary' = 'primary';\n /**\n * Whether the button is disabled.\n */\n @Prop() disabled?: boolean = false;\n /**\n * The icon element.\n */\n @Prop() icon?: Element;\n /**\n * Should the button only display an icon.\n */\n @Prop() iconOnly?: boolean = false;\n /**\n * The position of the icon.\n */\n @Prop() iconPosition?: 'left' | 'right' = 'left';\n /**\n * The label for the button.\n */\n @Prop() label = 'Search';\n /**\n * The type of the button.\n */\n @Prop() type?: 'submit' | 'reset' | 'button' = 'button';\n /**\n * The event fired when the button is clicked.\n */\n @Event() buttonClick!: EventEmitter<void>;\n\n private handleButtonClick = () => {\n this.buttonClick.emit();\n };\n\n render() {\n return (\n <button\n class={classNames('searchcraft-button', {\n 'searchcraft-button-primary': this.hierarchy === 'primary',\n 'searchcraft-button-tertiary': this.hierarchy === 'tertiary',\n 'searchcraft-button-disabled': this.disabled,\n })}\n disabled={this.disabled}\n onClick={this.handleButtonClick}\n type={this.type}\n >\n {this.iconOnly ? (\n this.icon\n ) : (\n <Fragment>\n {this.iconPosition === 'left' && this.icon}\n <span>{this.label}</span>\n {this.iconPosition === 'right' && this.icon}\n </Fragment>\n )}\n </button>\n );\n }\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n/**\n * This web component is designed to display a user-friendly error message when a search query fails, providing clear feedback to users and enhancing their experience when an issue arises during the search process.\n *\n * ## Usage\n * ```html\n * <!-- index.html -->\n * <searchcraft-error-message error-message=\"No search results found for query\" />\n * ```\n */\n@Component({\n tag: 'searchcraft-error-message',\n shadow: false,\n})\nexport class SearchcraftErrorMessage {\n /**\n * The error message.\n */\n @Prop() errorMessage?: string;\n\n render() {\n return (\n <p class='searchcraft-error-message'>\n {this.errorMessage || 'Search term is required.'}\n </p>\n );\n }\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport classNames from 'classnames';\n\n/**\n * This web component serves as the input label for the searchcraft-input-form component.\n *\n * ## Usage\n * ```html\n * <!-- index.html -->\n * <searchcraft-input-label label=\"Search\" />\n * ```\n */\n@Component({\n tag: 'searchcraft-input-label',\n shadow: false,\n})\nexport class SearchcraftInputLabel {\n /**\n * The classname applied to the label element.\n */\n @Prop() inputLabelClassName? = '';\n @Prop() label = '';\n\n render() {\n return (\n <label\n class={classNames('searchcraft-input-label', this.inputLabelClassName)}\n htmlFor='searchcraft-input-id'\n >\n {this.label}\n </label>\n );\n }\n}\n"],"mappings":"mGAmBaA,EAAiB,M,kEAIpBC,UAAqC,UAIrCC,SAAqB,MAIrBC,KAIAC,SAAqB,MAIrBC,aAAkC,OAIlCC,MAAQ,SAIRC,KAAuC,SAItCC,YAEDC,kBAAoB,KAC1BC,KAAKF,YAAYG,MAAM,EAGzB,MAAAC,GACE,OACEC,EAAA,UAAAC,IAAA,2CACEC,MAAOC,EAAW,qBAAsB,CACtC,6BAA8BN,KAAKT,YAAc,UACjD,8BAA+BS,KAAKT,YAAc,WAClD,8BAA+BS,KAAKR,WAEtCA,SAAUQ,KAAKR,SACfe,QAASP,KAAKD,kBACdF,KAAMG,KAAKH,MAEVG,KAAKN,SACJM,KAAS,KAETG,EAACK,EAAQ,KACNR,KAAKL,eAAiB,QAAUK,KAAKP,KACtCU,EAAA,YAAOH,KAAKJ,OACXI,KAAKL,eAAiB,SAAWK,KAAKP,M,SC5DtCgB,EAAuB,M,yBAI1BC,aAER,MAAAR,GACE,OACEC,EAAA,KAAAC,IAAA,2CAAGC,MAAM,6BACNL,KAAKU,cAAgB,2B,SCRjBC,EAAqB,M,yBAIxBC,oBAAuB,GACvBhB,MAAQ,GAEhB,MAAAM,GACE,OACEC,EAAA,SAAAC,IAAA,2CACEC,MAAOC,EAAW,0BAA2BN,KAAKY,qBAClDC,QAAQ,wBAEPb,KAAKJ,M","ignoreList":[]}
@@ -0,0 +1,2 @@
1
+ import{r}from"./p-7e13c128.js";const a=`:root{--sc-text-base-size: 1em;--sc-text-scale-ratio: 1.1;--sc-font-family: sans-serif;--sc-font-bold: 700;--sc-font-normal: 400;--sc-heading-1-font-size: calc( var(--sc-text-base-size) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) );--sc-heading-2-font-size: calc( var(--sc-text-base-size) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) );--sc-heading-3-font-size: calc( var(--sc-text-base-size) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) );--sc-heading-4-font-size: calc( var(--sc-text-base-size) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) );--sc-heading-5-font-size: calc( var(--sc-text-base-size) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) );--sc-heading-6-font-size: calc( var(--sc-text-base-size) / ( var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) ) );--sc-body-font-size: calc(var(--sc-text-base-size));--sc-body-small-font-size: calc( var(--sc-text-base-size) / ( var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) ) )}:root{--sc-border-radius: 8px;--sc-border-radius-sm: calc(var(--sc-border-radius) / 2);--sc-border-radius-lg: calc(var(--sc-border-radius) * 2)}:root{--sc-breakpoint-sm: 576px;--sc-breakpoint-md: 768px;--sc-breakpoint-lg: 992px}:root{--sc-surface-neutral-primary: var(--sc-color-background, #ffffff);--sc-color-background-hover: hsl( from var(--sc-color-background) h s clamp(10, calc(l + 5), 95) );--sc-surface-neutral-primary-hover: var(--sc-color-background-hover, #fafafa);--sc-color-background-active: hsl( from var(--sc-color-background) h s clamp(5, calc(l - 5), 90) );--sc-surface-neutral-primary-active: var( --sc-color-background-active, #f7f7f7 );--sc-surface-neutral-secondary: var( --sc-color-background-secondary, var(--sc-color-background, #f3f3f3) );--sc-surface-neutral-secondary-hover: var( --sc-color-background-secondary-hover, var(--sc-color-background-hover, #e6e6e6) );--sc-surface-neutral-secondary-active: var( --sc-color-background-secondary-active, var(--sc-color-background-active, #e0e0e0) );--sc-surface-neutral-light: #ffffff;--sc-content-neutral-primary: var(--sc-color-foreground, #292929);--sc-color-foreground-secondary: hsl( from var(--sc-color-foreground) h s clamp(10, calc(l + 5), 90) );--sc-content-neutral-secondary: var(--sc-color-foreground-secondary, #404040);--sc-border-neutral: rgba(0, 0, 0, 0.1);--sc-surface-brand-primary: var(--sc-color-brand, #000000);--sc-color-brand-hover: hsl( from var(--sc-color-brand) h s clamp(20, calc(l + 5), 95) );--sc-surface-brand-primary-hover: var(--sc-color-brand-hover, #2e2e2e);--sc-color-brand-active: hsl( from var(--sc-color-brand) h s clamp(10, calc(l - 5), 85) );--sc-surface-brand-primary-active: var(--sc-color-brand-active, #292929);--sc-surface-brand-secondary: var( --sc-color-brand-secondary, var(--sc-color-brand, #e6e6e6) );--sc-surface-brand-secondary-hover: var( --sc-color-brand-secondary-hover, var(--sc-color-brand-hover, #ebebeb) );--sc-surface-brand-secondary-active: var( --sc-color-brand-secondary-active, var(--sc-color-brand-active, #e0e0e0) );--sc-content-brand: var( --sc-color-brand-text, var(--sc-surface-brand-primary) );--sc-content-brand-on-primary: #ffffff;--sc-border-brand: var(--sc-surface-brand-primary);--sc-surface-success-primary: var(--sc-color-success, #008000);--sc-color-success-primary-hover: hsl(from var(--sc-color-success) h s 30);--sc-surface-success-primary-hover: var( --sc-color-success-primary-hover, #009900 );--sc-color-success-primary-active: hsl(from var(--sc-color-success) h s 20);--sc-surface-success-primary-active: var( --sc-color-success-primary-active, #006600 );--sc-color-success-secondary: hsl(from var(--sc-color-success) h s 90);--sc-surface-success-secondary: var(--sc-color-success-secondary, #ccffcc);--sc-color-success-secondary-hover: hsl( from var(--sc-color-success-secondary) h s 95 );--sc-surface-success-secondary-hover: var( --sc-color-success-secondary-hover, #e6ffe6 );--sc-color-success-secondary-active: hsl( from var(--sc-color-success-secondary) h s 85 );--sc-surface-success-secondary-active: var( --sc-color-success-secondary-active, #b2ffb2 );--sc-content-success: var( --sc-color-brand-text, hsl(from var(--sc-surface-success-primary) h s 30) );--sc-content-success-on-primary: #ffffff;--sc-border-success: var(--sc-surface-success-primary);--sc-surface-caution-primary: var(--sc-color-caution, #cc6600);--sc-color-caution-primary-hover: hsl(from var(--sc-color-caution) h s 30);--sc-surface-caution-primary-hover: var( --sc-color-caution-primary-hover, #e57300 );--sc-color-caution-primary-active: hsl(from var(--sc-color-caution) h s 20);--sc-surface-caution-primary-active: var( --sc-color-caution-primary-active, #b25a00 );--sc-color-caution-secondary: hsl(from var(--sc-color-caution) h s 90);--sc-surface-caution-secondary: var(--sc-color-caution-secondary, #ffd9b3);--sc-color-caution-secondary-hover: hsl( from var(--sc-color-caution-secondary) h s 95 );--sc-surface-caution-secondary-hover: var( --sc-color-caution-secondary-hover, #ffe5cc );--sc-color-caution-secondary-active: hsl( from var(--sc-color-caution-secondary) h s 85 );--sc-surface-caution-secondary-active: var( --sc-color-caution-secondary-active, #ffcc99 );--sc-content-caution: var( --sc-color-caution-text, hsl(from var(--sc-surface-caution-primary) h s 30) );--sc-content-caution-on-primary: #ffffff;--sc-border-caution: var(--sc-surface-caution-primary);--sc-surface-danger-primary: var(--sc-color-danger, #cc0000);--sc-color-danger-primary-hover: hsl(from var(--sc-color-danger) h s 30);--sc-surface-danger-primary-hover: var( --sc-color-danger-primary-hover, #e50000 );--sc-color-danger-primary-active: hsl(from var(--sc-color-danger) h s 20);--sc-surface-danger-primary-active: var( --sc-color-danger-primary-active, #b30000 );--sc-color-danger-secondary: hsl(from var(--sc-color-danger) h s 90);--sc-surface-danger-secondary: var(--sc-color-danger-secondary, #ffcccc);--sc-color-danger-secondary-hover: hsl( from var(--sc-color-danger-secondary) h s 95 );--sc-surface-danger-secondary-hover: var( --sc-color-danger-secondary-hover, #ffe7e7 );--sc-color-danger-secondary-active: hsl( from var(--sc-color-danger-secondary) h s 85 );--sc-surface-danger-secondary-active: var( --sc-color-danger-secondary-active, #ffb3b3 );--sc-content-danger: var( --sc-color-caution-text, hsl(from var(--sc-surface-danger-primary) h s 30) );--sc-content-danger-on-primary: #ffffff;--sc-border-danger: var(--sc-surface-danger-primary);--sc-color-disabled: hsl(from var(--sc-color-page-primary) h s calc(l * 0.5));--sc-surface-disabled: var(--sc-color-disabled, #d9d9d9);--sc-color-disabled-text: hsl( from var(--sc-color-text-primary) h s calc(l * 0.5) );--sc-content-disabled: var(--sc-color-disabled-text, #737373);--sc-content-disabled-on-disabled: var(--sc-color-disabled-text, #737373)}@supports(hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none){:root{--sc-color-background-hover: hsl( from var(--sc-color-background) h s clamp(10%, calc(l + 5%), 95%) );--sc-color-background-active: hsl( from var(--sc-color-background) h s clamp(5%, calc(l - 5%), 90%) );--sc-color-foreground-secondary: hsl( from var(--sc-color-foreground) h s clamp(10%, calc(l + 5%), 90%) );--sc-color-brand-hover: hsl( from var(--sc-color-brand) h s clamp(20%, calc(l + 5%), 95%) );--sc-color-brand-active: hsl( from var(--sc-color-brand) h s clamp(10%, calc(l - 5%), 85%) );--sc-color-success-primary-hover: hsl(from var(--sc-color-success) h s 30%);--sc-color-success-primary-active: hsl( from var(--sc-color-success) h s 20% );--sc-color-success-secondary: hsl(from var(--sc-color-success) h s 90%);--sc-color-success-secondary-hover: hsl( from var(--sc-color-success-secondary) h s 95% );--sc-color-success-secondary-active: hsl( from var(--sc-color-success-secondary) h s 85% );--sc-content-success: var( --sc-color-brand-text, hsl(from var(--sc-surface-success-primary) h s 30%) );--sc-color-caution-primary-hover: hsl(from var(--sc-color-caution) h s 30%);--sc-color-caution-primary-active: hsl( from var(--sc-color-caution) h s 20% );--sc-color-caution-secondary: hsl(from var(--sc-color-caution) h s 90%);--sc-color-caution-secondary-hover: hsl( from var(--sc-color-caution-secondary) h s 95% );--sc-color-caution-secondary-active: hsl( from var(--sc-color-caution-secondary) h s 85% );--sc-content-caution: var( --sc-color-caution-text, hsl(from var(--sc-surface-caution-primary) h s 30%) );--sc-color-danger-primary-hover: hsl(from var(--sc-color-danger) h s 30%);--sc-color-danger-primary-active: hsl(from var(--sc-color-danger) h s 20%);--sc-color-danger-secondary: hsl(from var(--sc-color-danger) h s 90%);--sc-color-danger-secondary-hover: hsl( from var(--sc-color-danger-secondary) h s 95% );--sc-color-danger-secondary-active: hsl( from var(--sc-color-danger-secondary) h s 85% );--sc-content-danger: var( --sc-color-caution-text, hsl(from var(--sc-surface-danger-primary) h s 30%) )}}.searchcraft-search-result-container{all:unset;align-items:flex-start;border-radius:var(--sc-border-radius-lg);display:flex;flex-direction:column;gap:16px;padding:8px;color:inherit;background-color:var(--sc-surface-neutral-primary)}@media(min-width: 768px){.searchcraft-search-result-container{flex-direction:row}}a.searchcraft-search-result-container{cursor:pointer;transition:background-color 100ms}.searchcraft-base-search-result-content-container{flex:1;display:flex;flex-direction:column;gap:8px}.searchcraft-search-result-image{border-radius:calc(--sc-border-radius-lg - 8px);border-radius:calc(var(--sc-border-radius-lg) - 8px);width:100%}@media(min-width: 768px){.searchcraft-search-result-image{width:200px}}.searchcraft-base-search-result-title{font-family:var(--sc-font-family);font-weight:var(--sc-font-normal);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-font-size);color:var(--sc-content-neutral-primary);font-weight:var(--sc-font-bold);margin:0}.searchcraft-base-search-result-subtitle{font-family:var(--sc-font-family);font-weight:var(--sc-font-normal);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-small-font-size);color:var(--sc-content-disabled);margin:0}.searchcraft-base-search-result-body-content{font-family:var(--sc-font-family);font-weight:var(--sc-font-normal);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-font-size);color:var(--sc-content-neutral-secondary);margin:0}.searchcraft-base-search-result-footer-content{font-family:var(--sc-font-family);font-weight:var(--sc-font-normal);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-font-size);color:var(--sc-content-disabled);margin:0}.searchcraft-base-ad{all:unset;display:flex;flex-direction:row;cursor:pointer;gap:8px;padding-right:var(--sc-popover-list-item-padding-horizontal);padding-left:var(--sc-popover-list-item-padding-horizontal);padding-top:var(--sc-popover-list-item-padding-vertical);padding-bottom:var(--sc-popover-list-item-padding-vertical);background-color:var(--sc-surface-neutral-primary);border-radius:16px;border:1px solid blue}.searchcraft-base-ad-title{font-family:var(--sc-font-family);font-weight:var(--sc-font-normal);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-font-size);margin:0;color:inherit}.searchcraft-base-ad-subtitle{font-family:var(--sc-font-family);font-weight:var(--sc-font-normal);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-small-font-size);margin:0;color:inherit}.searchcraft-base-ad-image-wrapper{width:var(--sc-popover-list-item-image-size);height:var(--sc-popover-list-item-image-size);display:flex;align-items:center;justify-content:center;flex-shrink:0}.searchcraft-base-ad-image{max-width:var(--sc-popover-list-item-image-size);max-height:var(--sc-popover-list-item-image-size)}.searchcraft-base-ad-info-wrapper{display:flex;flex-direction:column;gap:8px;justify-content:center}.searchcraft-search-results-container{display:flex;flex-direction:column;justify-content:center;gap:16px}.searchcraft-search-results-empty-state-container{text-align:center}.searchcraft-search-results-error-message-container{text-align:center}.searchcraft-button{font-family:var(--sc-font-family);font-weight:var(--sc-font-normal);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-font-size);background:none;border:2px solid rgba(0,0,0,0);border-radius:var(--sc-border-radius);cursor:pointer;display:flex;gap:4px;padding:12px;position:relative}.searchcraft-button.searchcraft-button-disabled{cursor:not-allowed}.searchcraft-button-primary{background-color:var(--sc-surface-brand-primary);color:var(--sc-content-brand-on-primary);font-weight:var(--sc-font-bold)}.searchcraft-button-primary:hover{background-color:var(--sc-surface-brand-primary-hover)}.searchcraft-button-primary:focus{border-color:var(--sc-border-primary)}.searchcraft-button-primary:active{background-color:var(--sc-surface-brand-primary-active)}.searchcraft-button-primary.searchcraft-button-disabled,.searchcraft-button-primary.searchcraft-button-disabled:hover,.searchcraft-button-primary.searchcraft-button-disabled:focus,.searchcraft-button-primary.searchcraft-button-disabled:active{background-color:var(--sc-surface-disabled);border-color:rgba(0,0,0,0);color:var(--sc-content-disabled)}.searchcraft-button-tertiary{background-color:var(--sc-surface-neutral-primary);color:var(--sc-content-brand);font-weight:var(--sc-font-normal)}.searchcraft-button-tertiary:hover{background-color:var(--sc-surface-brand-secondary-hover)}.searchcraft-button-tertiary:focus{background-color:var(--sc-surface-neutral-light);border-color:var(--sc-border-primary)}.searchcraft-button-tertiary:active{background-color:var(--sc-surface-brand-secondary-active)}.searchcraft-button-tertiary.searchcraft-button-disabled,.searchcraft-button-tertiary.searchcraft-button-disabled:hover,.searchcraft-button-tertiary.searchcraft-button-disabled:focus,.searchcraft-button-tertiary.searchcraft-button-disabled:active{background-color:var(--sc-surface-neutral-light);border-color:rgba(0,0,0,0);color:var(--sc-content-disabled)}.searchcraft-error-message{font-family:var(--sc-font-family);font-weight:var(--sc-font-normal);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-small-font-size);color:var(--sc-content-danger);margin:0}.filtersListContainer{width:100%}.filterCheckboxLabel{align-items:center;color:var(--sc-content-brand);display:flex;font-family:var(--sc-font-family);font-size:14px;font-weight:600;gap:14px;position:relative;-webkit-font-smoothing:antialiased}.filterCheckboxLabel input[type=checkbox]{align-items:center;appearance:none;background-color:var(--sc-surface-neutral-secondary);border:1px solid var(--sc-surface-disabled);border-radius:8px;cursor:pointer;display:flex;height:24px;justify-content:center;width:24px}.filterCheckboxLabel input[type=checkbox]:focus{outline:2px solid var(--sc-surface-brand-primary)}.filterCheckboxLabel input[type=checkbox]:checked{background-color:var(--sc-surface-brand-primary);position:relative}.filterCheckboxLabel input[type=checkbox]:checked+.checkContainer{display:block}.filterCheckboxLabel input[type=checkbox]:checked+.dashContainer{display:block}.childFilterCheckboxLabel{align-items:center;color:var(--sc-content-primary);display:flex;font-family:var(--sc-font-family);font-size:14px;font-weight:600;gap:12px;margin-left:24px;position:relative}.childFilterCheckboxLabel input[type=checkbox]{align-items:center;appearance:none;background-color:var(--sc-surface-neutral-secondary-hover);border:1px solid var(--sc-surface-disabled);border-radius:8px;cursor:pointer;display:flex;height:24px;justify-content:center;position:relative;width:24px;-webkit-font-smoothing:antialiased}.childFilterCheckboxLabel input[type=checkbox]:focus{outline:2px solid var(--sc-surface-brand-primary)}.childFilterCheckboxLabel input[type=checkbox]:checked{background-color:var(--sc-surface-brand-primary);position:relative}.childFilterCheckboxLabel input[type=checkbox]:checked+.checkContainer{display:block}.childFilterCheckboxLabel input[type=checkbox]:checked+.dashContainer{display:block}.checkContainer{display:none;height:16px;width:16px;position:absolute;top:9px;left:8px}.dashContainer{display:none;height:3px;width:14px;position:absolute;top:3px;left:9px}.searchcraft-facet-message{font-family:var(--sc-font-family);font-weight:var(--sc-font-normal);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-small-font-size);color:var(--sc-content-disabled);text-align:center}.searchcraft-filter-panel{display:flex;flex-direction:column;gap:16px}.searchcraft-filter-panel-section{display:flex;flex-direction:column;gap:8px}.searchcraft-filter-panel-label{font-family:var(--sc-font-family);font-weight:var(--sc-font-normal);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-small-font-size);font-weight:var(--sc-font-bold)}:root{--sc-input-border-radius: var(--sc-border-radius);--sc-input-search-icon-size: 20px;--sc-input-clear-icon-size: 20px;--sc-input-padding-left: 44px;--sc-input-padding-right: 44px}.searchcraft-input-grid{display:grid;gap:4px 8px}.searchcraft-input-grid-buttonLeft{grid-template-rows:repeat(3, auto);grid-template-columns:auto 1fr}.searchcraft-input-grid-buttonLeft .searchcraft-input-button-wrapper{grid-column:1/span 1;grid-row:2/span 1}.searchcraft-input-grid-buttonLeft .searchcraft-input-label-wrapper{grid-column:2/span 1;grid-row:1/span 1}.searchcraft-input-grid-buttonLeft .searchcraft-input-error-wrapper{grid-column:2/span 1;grid-row:3/span 1}.searchcraft-input-grid-buttonLeft .searchcraft-input-wrapper{grid-column:2/span 1;grid-row:2/span 1}.searchcraft-input-grid-buttonRight{grid-template-rows:repeat(3, auto);grid-template-columns:1fr auto}.searchcraft-input-grid-buttonRight .searchcraft-input-button-wrapper{grid-column:2/span 1;grid-row:2/span 1}.searchcraft-input-grid-buttonRight .searchcraft-input-label-wrapper{grid-column:1/span 1;grid-row:1/span 1}.searchcraft-input-grid-buttonRight .searchcraft-input-error-wrapper{grid-column:1/span 1;grid-row:3/span 1}.searchcraft-input-grid-buttonRight .searchcraft-input-wrapper{grid-column:1/span 1;grid-row:2/span 1}.searchcraft-input-grid-buttonNone{grid-template-rows:repeat(3, auto);grid-template-columns:auto}.searchcraft-input-grid-buttonNone .searchcraft-input-button-wrapper{display:none}.searchcraft-input-grid-buttonNone .searchcraft-input-label-wrapper{grid-column:1/span 1;grid-row:1/span 1}.searchcraft-input-grid-buttonNone .searchcraft-input-error-wrapper{grid-column:1/span 1;grid-row:3/span 1}.searchcraft-input-grid-buttonNone .searchcraft-input-wrapper{grid-column:1/span 1;grid-row:2/span 1}.searchcraft-input-wrapper{position:relative;display:flex}.searchcraft-input{font-family:var(--sc-font-family);font-weight:var(--sc-font-normal);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-font-size);background-color:var(--sc-surface-neutral-secondary);border-radius:var(--sc-input-border-radius);border:none;color:var(--sc-content-neutral-primary);outline:none;padding-left:var(--sc-input-padding-left);padding-right:var(--sc-input-padding-right);padding-top:12px;padding-bottom:12px;flex:1}.searchcraft-input::placeholder{color:var(--sc-content-disabled)}.searchcraft-input:focus{outline:var(--sc-border-brand) solid 2px}.searchcraft-input:focus::placeholder{opacity:0}.searchcraft-input.error{color:var(--sc-content-danger);outline:var(--sc-border-danger) solid 2px}.searchcraft-input.error:focus{outline:var(--sc-border-danger) solid 2px}.searchcraft-input-search-icon-wrapper{align-items:center;justify-content:center;display:flex;position:absolute;pointer-events:none;bottom:0;left:0;top:0;width:var(--sc-input-padding-left)}.searchcraft-input-search-icon{pointer-events:none;width:var(--sc-input-search-icon-size);height:var(--sc-input-search-icon-size);color:var(--sc-content-neutral-secondary)}.searchcraft-input-clear-button{all:unset;align-items:center;justify-content:center;cursor:pointer;display:flex;position:absolute;border:none;outline:none;bottom:0;right:0;top:0;width:var(--sc-input-padding-right)}.searchcraft-input-clear-icon{width:var(--sc-input-clear-icon-size);height:var(--sc-input-clear-icon-size);color:var(--sc-content-brand)}.searchcraft-input-label{font-family:var(--sc-font-family);font-weight:var(--sc-font-normal);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-small-font-size);color:var(--sc-content-neutral-primary);font-weight:var(--sc-font-bold);margin-top:4px;margin-bottom:4px}:root{--sc-popover-form-border-radius: var(--sc-border-radius);--sc-popover-list-view-height: 400px;--sc-popover-list-item-image-size: 60px;--sc-popover-list-item-padding-horizontal: 8px;--sc-popover-list-item-padding-vertical: 8px;--sc-popover-modal-max-width: 570px}.searchcraft-popover-form{display:flex;flex-direction:column;flex:1}.searchcraft-popover-form .searchcraft-popover-form-input-wrapper{padding:12px;background-color:var(--sc-surface-neutral-secondary);display:flex;flex-direction:row;gap:4px}.searchcraft-popover-form .searchcraft-popover-form-input-wrapper>searchcraft-input-form{flex:1}.searchcraft-popover-form .searchcraft-popover-form-cancel-button{font-family:var(--sc-font-family);font-weight:var(--sc-font-normal);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-font-size);border-radius:calc(--sc-popover-form-border-radius - 12px);border-radius:calc(var(--sc-popover-form-border-radius) - 12px);border:0;outline:0;padding:0;flex-shrink:0;background:none;cursor:pointer;padding-left:12px;padding-right:12px}.searchcraft-popover-form .searchcraft-popover-form-cancel-button:hover{background-color:var(--sc-surface-brand-secondary-hover)}.searchcraft-popover-form .searchcraft-popover-form-cancel-button:focus{background-color:var(--sc-surface-brand-secondary-active)}.searchcraft-popover-form-inline .searchcraft-input{border-top-left-radius:var(--sc-popover-form-border-radius);border-top-right-radius:var(--sc-popover-form-border-radius);border-bottom-left-radius:var(--sc-popover-form-border-radius);border-bottom-right-radius:var(--sc-popover-form-border-radius);border:none;outline:none}.searchcraft-popover-form-inline.searchcraft-popover-form-active .searchcraft-input{border-top-left-radius:var(--sc-popover-form-border-radius);border-top-right-radius:var(--sc-popover-form-border-radius);border-bottom-left-radius:0;border-bottom-right-radius:0}.searchcraft-popover-form-inline .searchcraft-popover-inline-wrapper-outer{position:relative}.searchcraft-popover-form-inline .searchcraft-popover-inline-wrapper-inner{position:absolute;height:var(--sc-popover-list-view-height);z-index:1000;width:100%}.searchcraft-popover-form-inline .searchcraft-popover-list-view{display:flex;flex-direction:column;overflow:auto;background-color:var(--sc-surface-neutral-secondary);border-bottom-left-radius:var(--sc-popover-form-border-radius);border-bottom-right-radius:var(--sc-popover-form-border-radius);max-height:var(--sc-popover-list-view-height)}.searchcraft-popover-form-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding:0;background-color:var(--sc-surface-neutral-secondary)}@media(min-width: 576px){.searchcraft-popover-form-modal{padding:16px;background-color:rgba(0,0,0,0)}}.searchcraft-popover-form-modal .searchcraft-input{border-radius:calc(--sc-popover-form-border-radius - 12px);border-radius:calc(var(--sc-popover-form-border-radius) - 12px);outline-width:1px;outline-color:var(--sc-border-neutral)}.searchcraft-popover-form-modal .searchcraft-popover-form-modal-backdrop{position:absolute;inset:0;background-color:rgba(0,0,0,.5);display:none}@media(min-width: 576px){.searchcraft-popover-form-modal .searchcraft-popover-form-modal-backdrop{display:block}}.searchcraft-popover-form-modal .searchcraft-popover-form-modal-inner{position:absolute;inset:0;z-index:1002;margin-top:0px;display:flex;border-radius:var(--sc-popover-form-border-radius);overflow:hidden}@media(min-width: 576px){.searchcraft-popover-form-modal .searchcraft-popover-form-modal-inner{inset:auto;position:relative;width:100%;margin-top:100px;max-width:var(--sc-popover-modal-max-width)}}.searchcraft-popover-form-modal .searchcraft-popover-list-view{display:flex;flex-direction:column;overflow:auto;background-color:var(--sc-surface-neutral-secondary);border-bottom-left-radius:0;border-bottom-right-radius:0}@media(min-width: 576px){.searchcraft-popover-form-modal .searchcraft-popover-list-view{max-height:var(--sc-popover-list-view-height)}}.searchcraft-popover-form-modal searchcraft-popover-list-view{overflow:scroll}@media(min-width: 576px){.searchcraft-popover-form-modal searchcraft-popover-list-view{overflow:auto}}.searchcraft-popover-form-fullscreen{position:fixed;inset:0;z-index:1000;background-color:var(--sc-surface-neutral-secondary)}.searchcraft-popover-form-fullscreen .searchcraft-popover-form{position:absolute;inset:0}.searchcraft-popover-form-fullscreen .searchcraft-input{border-radius:calc(--sc-popover-form-border-radius - 12px);border-radius:calc(var(--sc-popover-form-border-radius) - 12px);outline-width:1px;outline-color:var(--sc-border-neutral)}.searchcraft-popover-form-fullscreen searchcraft-popover-list-view{overflow:scroll}.searchcraft-popover-list-item-ad{all:unset;display:flex;flex-direction:row;cursor:pointer;gap:8px;padding-right:var(--sc-popover-list-item-padding-horizontal);padding-left:var(--sc-popover-list-item-padding-horizontal);padding-top:var(--sc-popover-list-item-padding-vertical);padding-bottom:var(--sc-popover-list-item-padding-vertical);border:1px solid blue}.searchcraft-popover-list-item-ad:focus{background-color:var(--sc-surface-neutral-secondary-active);color:var(--sc-content-neutral-secondary)}.searchcraft-popover-list-item-ad:hover{background-color:var(--sc-surface-neutral-secondary-hover);color:var(--sc-content-neutral-secondary)}.searchcraft-popover-list-item-ad-title{font-family:var(--sc-font-family);font-weight:var(--sc-font-normal);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-font-size);margin:0;color:inherit}.searchcraft-popover-list-item-ad-subtitle{font-family:var(--sc-font-family);font-weight:var(--sc-font-normal);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-small-font-size);margin:0;color:inherit}.searchcraft-popover-list-item-ad-image-wrapper{width:var(--sc-popover-list-item-image-size);height:var(--sc-popover-list-item-image-size);display:flex;align-items:center;justify-content:center;flex-shrink:0}.searchcraft-popover-list-item-ad-image{max-width:var(--sc-popover-list-item-image-size);max-height:var(--sc-popover-list-item-image-size)}.searchcraft-popover-list-item-ad-info-wrapper{display:flex;flex-direction:column;gap:8px;justify-content:center}.searchcraft-popover-list-item{all:unset;color:var(--sc-content-neutral-secondary);display:flex;flex-direction:row;cursor:pointer;gap:8px;padding-right:var(--sc-popover-list-item-padding-horizontal);padding-left:var(--sc-popover-list-item-padding-horizontal);padding-top:var(--sc-popover-list-item-padding-vertical);padding-bottom:var(--sc-popover-list-item-padding-vertical)}.searchcraft-popover-list-item:focus{background-color:var(--sc-surface-neutral-secondary-active);color:var(--sc-content-neutral-secondary)}.searchcraft-popover-list-item:hover{background-color:var(--sc-surface-neutral-secondary-hover);color:var(--sc-content-neutral-secondary)}.searchcraft-popover-list-item-title{font-family:var(--sc-font-family);font-weight:var(--sc-font-normal);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-font-size);margin:0;color:inherit}.searchcraft-popover-list-item-subtitle{font-family:var(--sc-font-family);font-weight:var(--sc-font-normal);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-small-font-size);margin:0;color:inherit}.searchcraft-popover-list-item-image-wrapper{width:var(--sc-popover-list-item-image-size);height:var(--sc-popover-list-item-image-size);display:flex;align-items:center;justify-content:center;flex-shrink:0}.searchcraft-popover-list-item-image{max-width:var(--sc-popover-list-item-image-size);max-height:var(--sc-popover-list-item-image-size)}.searchcraft-popover-list-item-info-wrapper{display:flex;flex-direction:column;gap:8px;justify-content:center}.searchcraft-results-info{font-family:var(--sc-font-family);font-weight:var(--sc-font-normal);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-font-size);color:var(--sc-content-primary);margin:0}.searchcraft-slider-container{align-items:center;display:flex;flex-direction:column;gap:10px;width:100%}.searchcraft-slider-range-container{align-items:center;background-color:var(--sc-surface-disabled);border-radius:999px;display:flex;position:relative;height:4px;width:100%}.searchcraft-slider-range-container::-webkit-slider-runnable-track{pointer-events:none}.searchcraft-slider-range-container .searchcraft-slider-active-range{background-color:var(--sc-surface-brand-primary);border-radius:2px;height:4px;position:absolute;top:50%;transform:translateY(-50%);z-index:0}.searchcraft-slider-range-container .searchcraft-slider-active-range::-webkit-slider-runnable-track{pointer-events:none}.searchcraft-slider-range-container .searchcraft-slider-active-range::-moz-range-track{pointer-events:none}.searchcraft-slider-range-container .searchcraft-slider-input{appearance:none;background:rgba(0,0,0,0);border-radius:2px;height:4px;margin:0;outline:none;pointer-events:none;position:absolute;width:100%;-webkit-appearance:none}.searchcraft-slider-range-container .searchcraft-slider-input::-webkit-slider-thumb{background-color:var(--sc-surface-neutral-light);border-radius:50%;border:2px solid var(--sc-border-neutral);cursor:pointer;height:20px;pointer-events:all;width:20px;-webkit-appearance:none}.searchcraft-slider-range-container .searchcraft-slider-input::-moz-range-thumb{background-color:var(--sc-surface-neutral-light);border-radius:50%;border:2px solid var(--sc-border-neutral);cursor:pointer;height:20px;pointer-events:all;width:20px}.searchcraft-slider-label-container{color:var(--sc-content-primary);display:flex;font-family:"Source Sans Pro",sans-serif;font-size:15px;font-weight:600;justify-content:space-between;margin-top:10px;width:100%}.searchcraft-slider-label{min-width:30px;text-align:center}.searchcraft-toggle-button-container{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.searchcraft-toggle-button-label{font-family:var(--sc-font-family);font-weight:var(--sc-font-normal);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-font-size);margin:0;color:var(--sc-content-neutral-primary)}.searchcraft-toggle-button-sub-label{font-family:var(--sc-font-family);font-weight:var(--sc-font-normal);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-small-font-size);margin:0;color:var(--sc-content-neutral-secondary)}.searchcraft-toggle-button-background{transition:background-color .2s;background:var(--sc-surface-disabled);border:none;border-radius:16px;cursor:pointer;height:26px;position:relative;width:44px;flex-shrink:0}.searchcraft-toggle-button-background.active{background:var(--sc-surface-brand-primary);box-shadow:0px 0px 0px 1px rgba(0,0,0,.05)}.searchcraft-toggle-button-handle{background:var(--sc-surface-neutral-light);border-radius:50%;height:18px;left:4px;position:absolute;top:calc(50% - 9px);transition:transform .3s ease;width:18px}.searchcraft-toggle-button-handle.active{transform:translateX(16px)}.searchcraft-pagination{display:inline-grid;gap:16px;grid-template-columns:repeat(3, auto);grid-template-rows:1fr}.searchcraft-pagination-list{border:1px solid var(--sc-border-neutral);border-radius:var(--sc-border-radius);display:flex;list-style-type:none;margin:0;overflow:hidden;padding:0;width:auto}.searchcraft-pagination-list li{border-right:1px solid var(--sc-border-neutral);height:100%;min-height:44px;width:44px}.searchcraft-pagination-list li:last-child{border-right:none}.searchcraft-pagination-item{font-family:var(--sc-font-family);font-weight:var(--sc-font-normal);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-font-size);align-items:center;background-color:var(--sc-surface-neutral-primary);border:none;display:flex;height:100%;justify-content:center;width:100%}.searchcraft-pagination-item-active{background-color:var(--sc-surface-brand-secondary);font-weight:var(--sc-font-bold)}.searchcraft-pagination-control{border:1px solid var(--sc-border-neutral);border-radius:var(--sc-border-radius)}.searchcraft-pagination-range{font-family:var(--sc-font-family);font-weight:var(--sc-font-normal);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-font-size);align-items:center;display:flex}.searchcraft-select{display:flex;flex-direction:column;gap:4px}.searchcraft-select-label{font-family:var(--sc-font-family);font-weight:var(--sc-font-normal);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-small-font-size);font-weight:var(--sc-font-bold)}.searchcraft-select-input-wrapper{position:relative}.searchcraft-select-input{font-family:var(--sc-font-family);font-weight:var(--sc-font-normal);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-font-size);appearance:none;background-color:var(--sc-surface-neutral-secondary);border:2px solid rgba(0,0,0,0);border-radius:var(--sc-border-radius);cursor:pointer;height:44px;padding:0 44px 0 16px;width:100%}.searchcraft-select-input:hover{background-color:var(--sc-surface-neutral-secondary-hover)}.searchcraft-select-input:active{background-color:var(--sc-surface-neutral-secondary-active)}.searchcraft-select-input:focus{border-color:var(--sc-border-brand);outline:none}.searchcraft-select-input-icon{pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.searchcraft-select-caption{font-family:var(--sc-font-family);font-weight:var(--sc-font-normal);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-small-font-size)}.searchcraft-search-results-per-page{display:flex}.searchcraft-search-results-per-page-select{align-items:center;display:flex;gap:12px}.searchcraft-search-results-per-page-select-label{font-family:var(--sc-font-family);font-weight:var(--sc-font-normal);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-font-size)}.searchcraft-search-results-per-page-select-input{min-width:120px}/*# sourceMappingURL=hologram.css.map */\n`;const e=class{constructor(a){r(this,a)}theme="light";customTheme="[]";camelToKebab=r=>r.replace(/[A-Z]/g,(r=>`-${r.toLowerCase()}`)).toLowerCase();componentDidLoad(){const r=document.querySelector("#searchcraft-theme")||document.createElement("style");r.innerHTML=a;r.id="searchcraft-theme";const e=document.head||document.getElementsByTagName("head")[0];if(!e.contains(r)){if(e.firstChild){e.insertBefore(r,e.firstChild)}else{e.appendChild(r)}}document.body.dataset.theme=this.theme;Object.entries(JSON.parse(this.customTheme)).map((([r,a])=>{document.documentElement.style.setProperty(`--${this.camelToKebab(r)}`,`${a}`)}))}render(){return}};export{e as searchcraft_theme};
2
+ //# sourceMappingURL=p-e11de2d6.entry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["styles","SearchcraftTheme","theme","customTheme","camelToKebab","string","replace","match","toLowerCase","componentDidLoad","styleElement","document","querySelector","createElement","innerHTML","id","head","getElementsByTagName","contains","firstChild","insertBefore","appendChild","body","dataset","this","Object","entries","JSON","parse","map","key","value","documentElement","style","setProperty","render"],"sources":["src/themes/hologram.css?raw","src/components/searchcraft-theme/searchcraft-theme.tsx"],"sourcesContent":["export default `:root{--sc-text-base-size: 1em;--sc-text-scale-ratio: 1.1;--sc-font-family: sans-serif;--sc-font-bold: 700;--sc-font-normal: 400;--sc-heading-1-font-size: calc( var(--sc-text-base-size) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) );--sc-heading-2-font-size: calc( var(--sc-text-base-size) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) );--sc-heading-3-font-size: calc( var(--sc-text-base-size) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) );--sc-heading-4-font-size: calc( var(--sc-text-base-size) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) );--sc-heading-5-font-size: calc( var(--sc-text-base-size) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) );--sc-heading-6-font-size: calc( var(--sc-text-base-size) / ( var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) ) );--sc-body-font-size: calc(var(--sc-text-base-size));--sc-body-small-font-size: calc( var(--sc-text-base-size) / ( var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) ) )}:root{--sc-border-radius: 8px;--sc-border-radius-sm: calc(var(--sc-border-radius) / 2);--sc-border-radius-lg: calc(var(--sc-border-radius) * 2)}:root{--sc-breakpoint-sm: 576px;--sc-breakpoint-md: 768px;--sc-breakpoint-lg: 992px}:root{--sc-surface-neutral-primary: var(--sc-color-background, #ffffff);--sc-color-background-hover: hsl( from var(--sc-color-background) h s clamp(10, calc(l + 5), 95) );--sc-surface-neutral-primary-hover: var(--sc-color-background-hover, #fafafa);--sc-color-background-active: hsl( from var(--sc-color-background) h s clamp(5, calc(l - 5), 90) );--sc-surface-neutral-primary-active: var( --sc-color-background-active, #f7f7f7 );--sc-surface-neutral-secondary: var( --sc-color-background-secondary, var(--sc-color-background, #f3f3f3) );--sc-surface-neutral-secondary-hover: var( --sc-color-background-secondary-hover, var(--sc-color-background-hover, #e6e6e6) );--sc-surface-neutral-secondary-active: var( --sc-color-background-secondary-active, var(--sc-color-background-active, #e0e0e0) );--sc-surface-neutral-light: #ffffff;--sc-content-neutral-primary: var(--sc-color-foreground, #292929);--sc-color-foreground-secondary: hsl( from var(--sc-color-foreground) h s clamp(10, calc(l + 5), 90) );--sc-content-neutral-secondary: var(--sc-color-foreground-secondary, #404040);--sc-border-neutral: rgba(0, 0, 0, 0.1);--sc-surface-brand-primary: var(--sc-color-brand, #000000);--sc-color-brand-hover: hsl( from var(--sc-color-brand) h s clamp(20, calc(l + 5), 95) );--sc-surface-brand-primary-hover: var(--sc-color-brand-hover, #2e2e2e);--sc-color-brand-active: hsl( from var(--sc-color-brand) h s clamp(10, calc(l - 5), 85) );--sc-surface-brand-primary-active: var(--sc-color-brand-active, #292929);--sc-surface-brand-secondary: var( --sc-color-brand-secondary, var(--sc-color-brand, #e6e6e6) );--sc-surface-brand-secondary-hover: var( --sc-color-brand-secondary-hover, var(--sc-color-brand-hover, #ebebeb) );--sc-surface-brand-secondary-active: var( --sc-color-brand-secondary-active, var(--sc-color-brand-active, #e0e0e0) );--sc-content-brand: var( --sc-color-brand-text, var(--sc-surface-brand-primary) );--sc-content-brand-on-primary: #ffffff;--sc-border-brand: var(--sc-surface-brand-primary);--sc-surface-success-primary: var(--sc-color-success, #008000);--sc-color-success-primary-hover: hsl(from var(--sc-color-success) h s 30);--sc-surface-success-primary-hover: var( --sc-color-success-primary-hover, #009900 );--sc-color-success-primary-active: hsl(from var(--sc-color-success) h s 20);--sc-surface-success-primary-active: var( --sc-color-success-primary-active, #006600 );--sc-color-success-secondary: hsl(from var(--sc-color-success) h s 90);--sc-surface-success-secondary: var(--sc-color-success-secondary, #ccffcc);--sc-color-success-secondary-hover: hsl( from var(--sc-color-success-secondary) h s 95 );--sc-surface-success-secondary-hover: var( --sc-color-success-secondary-hover, #e6ffe6 );--sc-color-success-secondary-active: hsl( from var(--sc-color-success-secondary) h s 85 );--sc-surface-success-secondary-active: var( --sc-color-success-secondary-active, #b2ffb2 );--sc-content-success: var( --sc-color-brand-text, hsl(from var(--sc-surface-success-primary) h s 30) );--sc-content-success-on-primary: #ffffff;--sc-border-success: var(--sc-surface-success-primary);--sc-surface-caution-primary: var(--sc-color-caution, #cc6600);--sc-color-caution-primary-hover: hsl(from var(--sc-color-caution) h s 30);--sc-surface-caution-primary-hover: var( --sc-color-caution-primary-hover, #e57300 );--sc-color-caution-primary-active: hsl(from var(--sc-color-caution) h s 20);--sc-surface-caution-primary-active: var( --sc-color-caution-primary-active, #b25a00 );--sc-color-caution-secondary: hsl(from var(--sc-color-caution) h s 90);--sc-surface-caution-secondary: var(--sc-color-caution-secondary, #ffd9b3);--sc-color-caution-secondary-hover: hsl( from var(--sc-color-caution-secondary) h s 95 );--sc-surface-caution-secondary-hover: var( --sc-color-caution-secondary-hover, #ffe5cc );--sc-color-caution-secondary-active: hsl( from var(--sc-color-caution-secondary) h s 85 );--sc-surface-caution-secondary-active: var( --sc-color-caution-secondary-active, #ffcc99 );--sc-content-caution: var( --sc-color-caution-text, hsl(from var(--sc-surface-caution-primary) h s 30) );--sc-content-caution-on-primary: #ffffff;--sc-border-caution: var(--sc-surface-caution-primary);--sc-surface-danger-primary: var(--sc-color-danger, #cc0000);--sc-color-danger-primary-hover: hsl(from var(--sc-color-danger) h s 30);--sc-surface-danger-primary-hover: var( --sc-color-danger-primary-hover, #e50000 );--sc-color-danger-primary-active: hsl(from var(--sc-color-danger) h s 20);--sc-surface-danger-primary-active: var( --sc-color-danger-primary-active, #b30000 );--sc-color-danger-secondary: hsl(from var(--sc-color-danger) h s 90);--sc-surface-danger-secondary: var(--sc-color-danger-secondary, #ffcccc);--sc-color-danger-secondary-hover: hsl( from var(--sc-color-danger-secondary) h s 95 );--sc-surface-danger-secondary-hover: var( --sc-color-danger-secondary-hover, #ffe7e7 );--sc-color-danger-secondary-active: hsl( from var(--sc-color-danger-secondary) h s 85 );--sc-surface-danger-secondary-active: var( --sc-color-danger-secondary-active, #ffb3b3 );--sc-content-danger: var( --sc-color-caution-text, hsl(from var(--sc-surface-danger-primary) h s 30) );--sc-content-danger-on-primary: #ffffff;--sc-border-danger: var(--sc-surface-danger-primary);--sc-color-disabled: hsl(from var(--sc-color-page-primary) h s calc(l * 0.5));--sc-surface-disabled: var(--sc-color-disabled, #d9d9d9);--sc-color-disabled-text: hsl( from var(--sc-color-text-primary) h s calc(l * 0.5) );--sc-content-disabled: var(--sc-color-disabled-text, #737373);--sc-content-disabled-on-disabled: var(--sc-color-disabled-text, #737373)}@supports(hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none){:root{--sc-color-background-hover: hsl( from var(--sc-color-background) h s clamp(10%, calc(l + 5%), 95%) );--sc-color-background-active: hsl( from var(--sc-color-background) h s clamp(5%, calc(l - 5%), 90%) );--sc-color-foreground-secondary: hsl( from var(--sc-color-foreground) h s clamp(10%, calc(l + 5%), 90%) );--sc-color-brand-hover: hsl( from var(--sc-color-brand) h s clamp(20%, calc(l + 5%), 95%) );--sc-color-brand-active: hsl( from var(--sc-color-brand) h s clamp(10%, calc(l - 5%), 85%) );--sc-color-success-primary-hover: hsl(from var(--sc-color-success) h s 30%);--sc-color-success-primary-active: hsl( from var(--sc-color-success) h s 20% );--sc-color-success-secondary: hsl(from var(--sc-color-success) h s 90%);--sc-color-success-secondary-hover: hsl( from var(--sc-color-success-secondary) h s 95% );--sc-color-success-secondary-active: hsl( from var(--sc-color-success-secondary) h s 85% );--sc-content-success: var( --sc-color-brand-text, hsl(from var(--sc-surface-success-primary) h s 30%) );--sc-color-caution-primary-hover: hsl(from var(--sc-color-caution) h s 30%);--sc-color-caution-primary-active: hsl( from var(--sc-color-caution) h s 20% );--sc-color-caution-secondary: hsl(from var(--sc-color-caution) h s 90%);--sc-color-caution-secondary-hover: hsl( from var(--sc-color-caution-secondary) h s 95% );--sc-color-caution-secondary-active: hsl( from var(--sc-color-caution-secondary) h s 85% );--sc-content-caution: var( --sc-color-caution-text, hsl(from var(--sc-surface-caution-primary) h s 30%) );--sc-color-danger-primary-hover: hsl(from var(--sc-color-danger) h s 30%);--sc-color-danger-primary-active: hsl(from var(--sc-color-danger) h s 20%);--sc-color-danger-secondary: hsl(from var(--sc-color-danger) h s 90%);--sc-color-danger-secondary-hover: hsl( from var(--sc-color-danger-secondary) h s 95% );--sc-color-danger-secondary-active: hsl( from var(--sc-color-danger-secondary) h s 85% );--sc-content-danger: var( --sc-color-caution-text, hsl(from var(--sc-surface-danger-primary) h s 30%) )}}.searchcraft-search-result-container{all:unset;align-items:flex-start;border-radius:var(--sc-border-radius-lg);display:flex;flex-direction:column;gap:16px;padding:8px;color:inherit;background-color:var(--sc-surface-neutral-primary)}@media(min-width: 768px){.searchcraft-search-result-container{flex-direction:row}}a.searchcraft-search-result-container{cursor:pointer;transition:background-color 100ms}.searchcraft-base-search-result-content-container{flex:1;display:flex;flex-direction:column;gap:8px}.searchcraft-search-result-image{border-radius:calc(--sc-border-radius-lg - 8px);border-radius:calc(var(--sc-border-radius-lg) - 8px);width:100%}@media(min-width: 768px){.searchcraft-search-result-image{width:200px}}.searchcraft-base-search-result-title{font-family:var(--sc-font-family);font-weight:var(--sc-font-normal);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-font-size);color:var(--sc-content-neutral-primary);font-weight:var(--sc-font-bold);margin:0}.searchcraft-base-search-result-subtitle{font-family:var(--sc-font-family);font-weight:var(--sc-font-normal);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-small-font-size);color:var(--sc-content-disabled);margin:0}.searchcraft-base-search-result-body-content{font-family:var(--sc-font-family);font-weight:var(--sc-font-normal);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-font-size);color:var(--sc-content-neutral-secondary);margin:0}.searchcraft-base-search-result-footer-content{font-family:var(--sc-font-family);font-weight:var(--sc-font-normal);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-font-size);color:var(--sc-content-disabled);margin:0}.searchcraft-base-ad{all:unset;display:flex;flex-direction:row;cursor:pointer;gap:8px;padding-right:var(--sc-popover-list-item-padding-horizontal);padding-left:var(--sc-popover-list-item-padding-horizontal);padding-top:var(--sc-popover-list-item-padding-vertical);padding-bottom:var(--sc-popover-list-item-padding-vertical);background-color:var(--sc-surface-neutral-primary);border-radius:16px;border:1px solid blue}.searchcraft-base-ad-title{font-family:var(--sc-font-family);font-weight:var(--sc-font-normal);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-font-size);margin:0;color:inherit}.searchcraft-base-ad-subtitle{font-family:var(--sc-font-family);font-weight:var(--sc-font-normal);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-small-font-size);margin:0;color:inherit}.searchcraft-base-ad-image-wrapper{width:var(--sc-popover-list-item-image-size);height:var(--sc-popover-list-item-image-size);display:flex;align-items:center;justify-content:center;flex-shrink:0}.searchcraft-base-ad-image{max-width:var(--sc-popover-list-item-image-size);max-height:var(--sc-popover-list-item-image-size)}.searchcraft-base-ad-info-wrapper{display:flex;flex-direction:column;gap:8px;justify-content:center}.searchcraft-search-results-container{display:flex;flex-direction:column;justify-content:center;gap:16px}.searchcraft-search-results-empty-state-container{text-align:center}.searchcraft-search-results-error-message-container{text-align:center}.searchcraft-button{font-family:var(--sc-font-family);font-weight:var(--sc-font-normal);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-font-size);background:none;border:2px solid rgba(0,0,0,0);border-radius:var(--sc-border-radius);cursor:pointer;display:flex;gap:4px;padding:12px;position:relative}.searchcraft-button.searchcraft-button-disabled{cursor:not-allowed}.searchcraft-button-primary{background-color:var(--sc-surface-brand-primary);color:var(--sc-content-brand-on-primary);font-weight:var(--sc-font-bold)}.searchcraft-button-primary:hover{background-color:var(--sc-surface-brand-primary-hover)}.searchcraft-button-primary:focus{border-color:var(--sc-border-primary)}.searchcraft-button-primary:active{background-color:var(--sc-surface-brand-primary-active)}.searchcraft-button-primary.searchcraft-button-disabled,.searchcraft-button-primary.searchcraft-button-disabled:hover,.searchcraft-button-primary.searchcraft-button-disabled:focus,.searchcraft-button-primary.searchcraft-button-disabled:active{background-color:var(--sc-surface-disabled);border-color:rgba(0,0,0,0);color:var(--sc-content-disabled)}.searchcraft-button-tertiary{background-color:var(--sc-surface-neutral-primary);color:var(--sc-content-brand);font-weight:var(--sc-font-normal)}.searchcraft-button-tertiary:hover{background-color:var(--sc-surface-brand-secondary-hover)}.searchcraft-button-tertiary:focus{background-color:var(--sc-surface-neutral-light);border-color:var(--sc-border-primary)}.searchcraft-button-tertiary:active{background-color:var(--sc-surface-brand-secondary-active)}.searchcraft-button-tertiary.searchcraft-button-disabled,.searchcraft-button-tertiary.searchcraft-button-disabled:hover,.searchcraft-button-tertiary.searchcraft-button-disabled:focus,.searchcraft-button-tertiary.searchcraft-button-disabled:active{background-color:var(--sc-surface-neutral-light);border-color:rgba(0,0,0,0);color:var(--sc-content-disabled)}.searchcraft-error-message{font-family:var(--sc-font-family);font-weight:var(--sc-font-normal);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-small-font-size);color:var(--sc-content-danger);margin:0}.filtersListContainer{width:100%}.filterCheckboxLabel{align-items:center;color:var(--sc-content-brand);display:flex;font-family:var(--sc-font-family);font-size:14px;font-weight:600;gap:14px;position:relative;-webkit-font-smoothing:antialiased}.filterCheckboxLabel input[type=checkbox]{align-items:center;appearance:none;background-color:var(--sc-surface-neutral-secondary);border:1px solid var(--sc-surface-disabled);border-radius:8px;cursor:pointer;display:flex;height:24px;justify-content:center;width:24px}.filterCheckboxLabel input[type=checkbox]:focus{outline:2px solid var(--sc-surface-brand-primary)}.filterCheckboxLabel input[type=checkbox]:checked{background-color:var(--sc-surface-brand-primary);position:relative}.filterCheckboxLabel input[type=checkbox]:checked+.checkContainer{display:block}.filterCheckboxLabel input[type=checkbox]:checked+.dashContainer{display:block}.childFilterCheckboxLabel{align-items:center;color:var(--sc-content-primary);display:flex;font-family:var(--sc-font-family);font-size:14px;font-weight:600;gap:12px;margin-left:24px;position:relative}.childFilterCheckboxLabel input[type=checkbox]{align-items:center;appearance:none;background-color:var(--sc-surface-neutral-secondary-hover);border:1px solid var(--sc-surface-disabled);border-radius:8px;cursor:pointer;display:flex;height:24px;justify-content:center;position:relative;width:24px;-webkit-font-smoothing:antialiased}.childFilterCheckboxLabel input[type=checkbox]:focus{outline:2px solid var(--sc-surface-brand-primary)}.childFilterCheckboxLabel input[type=checkbox]:checked{background-color:var(--sc-surface-brand-primary);position:relative}.childFilterCheckboxLabel input[type=checkbox]:checked+.checkContainer{display:block}.childFilterCheckboxLabel input[type=checkbox]:checked+.dashContainer{display:block}.checkContainer{display:none;height:16px;width:16px;position:absolute;top:9px;left:8px}.dashContainer{display:none;height:3px;width:14px;position:absolute;top:3px;left:9px}.searchcraft-facet-message{font-family:var(--sc-font-family);font-weight:var(--sc-font-normal);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-small-font-size);color:var(--sc-content-disabled);text-align:center}.searchcraft-filter-panel{display:flex;flex-direction:column;gap:16px}.searchcraft-filter-panel-section{display:flex;flex-direction:column;gap:8px}.searchcraft-filter-panel-label{font-family:var(--sc-font-family);font-weight:var(--sc-font-normal);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-small-font-size);font-weight:var(--sc-font-bold)}:root{--sc-input-border-radius: var(--sc-border-radius);--sc-input-search-icon-size: 20px;--sc-input-clear-icon-size: 20px;--sc-input-padding-left: 44px;--sc-input-padding-right: 44px}.searchcraft-input-grid{display:grid;gap:4px 8px}.searchcraft-input-grid-buttonLeft{grid-template-rows:repeat(3, auto);grid-template-columns:auto 1fr}.searchcraft-input-grid-buttonLeft .searchcraft-input-button-wrapper{grid-column:1/span 1;grid-row:2/span 1}.searchcraft-input-grid-buttonLeft .searchcraft-input-label-wrapper{grid-column:2/span 1;grid-row:1/span 1}.searchcraft-input-grid-buttonLeft .searchcraft-input-error-wrapper{grid-column:2/span 1;grid-row:3/span 1}.searchcraft-input-grid-buttonLeft .searchcraft-input-wrapper{grid-column:2/span 1;grid-row:2/span 1}.searchcraft-input-grid-buttonRight{grid-template-rows:repeat(3, auto);grid-template-columns:1fr auto}.searchcraft-input-grid-buttonRight .searchcraft-input-button-wrapper{grid-column:2/span 1;grid-row:2/span 1}.searchcraft-input-grid-buttonRight .searchcraft-input-label-wrapper{grid-column:1/span 1;grid-row:1/span 1}.searchcraft-input-grid-buttonRight .searchcraft-input-error-wrapper{grid-column:1/span 1;grid-row:3/span 1}.searchcraft-input-grid-buttonRight .searchcraft-input-wrapper{grid-column:1/span 1;grid-row:2/span 1}.searchcraft-input-grid-buttonNone{grid-template-rows:repeat(3, auto);grid-template-columns:auto}.searchcraft-input-grid-buttonNone .searchcraft-input-button-wrapper{display:none}.searchcraft-input-grid-buttonNone .searchcraft-input-label-wrapper{grid-column:1/span 1;grid-row:1/span 1}.searchcraft-input-grid-buttonNone .searchcraft-input-error-wrapper{grid-column:1/span 1;grid-row:3/span 1}.searchcraft-input-grid-buttonNone .searchcraft-input-wrapper{grid-column:1/span 1;grid-row:2/span 1}.searchcraft-input-wrapper{position:relative;display:flex}.searchcraft-input{font-family:var(--sc-font-family);font-weight:var(--sc-font-normal);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-font-size);background-color:var(--sc-surface-neutral-secondary);border-radius:var(--sc-input-border-radius);border:none;color:var(--sc-content-neutral-primary);outline:none;padding-left:var(--sc-input-padding-left);padding-right:var(--sc-input-padding-right);padding-top:12px;padding-bottom:12px;flex:1}.searchcraft-input::placeholder{color:var(--sc-content-disabled)}.searchcraft-input:focus{outline:var(--sc-border-brand) solid 2px}.searchcraft-input:focus::placeholder{opacity:0}.searchcraft-input.error{color:var(--sc-content-danger);outline:var(--sc-border-danger) solid 2px}.searchcraft-input.error:focus{outline:var(--sc-border-danger) solid 2px}.searchcraft-input-search-icon-wrapper{align-items:center;justify-content:center;display:flex;position:absolute;pointer-events:none;bottom:0;left:0;top:0;width:var(--sc-input-padding-left)}.searchcraft-input-search-icon{pointer-events:none;width:var(--sc-input-search-icon-size);height:var(--sc-input-search-icon-size);color:var(--sc-content-neutral-secondary)}.searchcraft-input-clear-button{all:unset;align-items:center;justify-content:center;cursor:pointer;display:flex;position:absolute;border:none;outline:none;bottom:0;right:0;top:0;width:var(--sc-input-padding-right)}.searchcraft-input-clear-icon{width:var(--sc-input-clear-icon-size);height:var(--sc-input-clear-icon-size);color:var(--sc-content-brand)}.searchcraft-input-label{font-family:var(--sc-font-family);font-weight:var(--sc-font-normal);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-small-font-size);color:var(--sc-content-neutral-primary);font-weight:var(--sc-font-bold);margin-top:4px;margin-bottom:4px}:root{--sc-popover-form-border-radius: var(--sc-border-radius);--sc-popover-list-view-height: 400px;--sc-popover-list-item-image-size: 60px;--sc-popover-list-item-padding-horizontal: 8px;--sc-popover-list-item-padding-vertical: 8px;--sc-popover-modal-max-width: 570px}.searchcraft-popover-form{display:flex;flex-direction:column;flex:1}.searchcraft-popover-form .searchcraft-popover-form-input-wrapper{padding:12px;background-color:var(--sc-surface-neutral-secondary);display:flex;flex-direction:row;gap:4px}.searchcraft-popover-form .searchcraft-popover-form-input-wrapper>searchcraft-input-form{flex:1}.searchcraft-popover-form .searchcraft-popover-form-cancel-button{font-family:var(--sc-font-family);font-weight:var(--sc-font-normal);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-font-size);border-radius:calc(--sc-popover-form-border-radius - 12px);border-radius:calc(var(--sc-popover-form-border-radius) - 12px);border:0;outline:0;padding:0;flex-shrink:0;background:none;cursor:pointer;padding-left:12px;padding-right:12px}.searchcraft-popover-form .searchcraft-popover-form-cancel-button:hover{background-color:var(--sc-surface-brand-secondary-hover)}.searchcraft-popover-form .searchcraft-popover-form-cancel-button:focus{background-color:var(--sc-surface-brand-secondary-active)}.searchcraft-popover-form-inline .searchcraft-input{border-top-left-radius:var(--sc-popover-form-border-radius);border-top-right-radius:var(--sc-popover-form-border-radius);border-bottom-left-radius:var(--sc-popover-form-border-radius);border-bottom-right-radius:var(--sc-popover-form-border-radius);border:none;outline:none}.searchcraft-popover-form-inline.searchcraft-popover-form-active .searchcraft-input{border-top-left-radius:var(--sc-popover-form-border-radius);border-top-right-radius:var(--sc-popover-form-border-radius);border-bottom-left-radius:0;border-bottom-right-radius:0}.searchcraft-popover-form-inline .searchcraft-popover-inline-wrapper-outer{position:relative}.searchcraft-popover-form-inline .searchcraft-popover-inline-wrapper-inner{position:absolute;height:var(--sc-popover-list-view-height);z-index:1000;width:100%}.searchcraft-popover-form-inline .searchcraft-popover-list-view{display:flex;flex-direction:column;overflow:auto;background-color:var(--sc-surface-neutral-secondary);border-bottom-left-radius:var(--sc-popover-form-border-radius);border-bottom-right-radius:var(--sc-popover-form-border-radius);max-height:var(--sc-popover-list-view-height)}.searchcraft-popover-form-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding:0;background-color:var(--sc-surface-neutral-secondary)}@media(min-width: 576px){.searchcraft-popover-form-modal{padding:16px;background-color:rgba(0,0,0,0)}}.searchcraft-popover-form-modal .searchcraft-input{border-radius:calc(--sc-popover-form-border-radius - 12px);border-radius:calc(var(--sc-popover-form-border-radius) - 12px);outline-width:1px;outline-color:var(--sc-border-neutral)}.searchcraft-popover-form-modal .searchcraft-popover-form-modal-backdrop{position:absolute;inset:0;background-color:rgba(0,0,0,.5);display:none}@media(min-width: 576px){.searchcraft-popover-form-modal .searchcraft-popover-form-modal-backdrop{display:block}}.searchcraft-popover-form-modal .searchcraft-popover-form-modal-inner{position:absolute;inset:0;z-index:1002;margin-top:0px;display:flex;border-radius:var(--sc-popover-form-border-radius);overflow:hidden}@media(min-width: 576px){.searchcraft-popover-form-modal .searchcraft-popover-form-modal-inner{inset:auto;position:relative;width:100%;margin-top:100px;max-width:var(--sc-popover-modal-max-width)}}.searchcraft-popover-form-modal .searchcraft-popover-list-view{display:flex;flex-direction:column;overflow:auto;background-color:var(--sc-surface-neutral-secondary);border-bottom-left-radius:0;border-bottom-right-radius:0}@media(min-width: 576px){.searchcraft-popover-form-modal .searchcraft-popover-list-view{max-height:var(--sc-popover-list-view-height)}}.searchcraft-popover-form-modal searchcraft-popover-list-view{overflow:scroll}@media(min-width: 576px){.searchcraft-popover-form-modal searchcraft-popover-list-view{overflow:auto}}.searchcraft-popover-form-fullscreen{position:fixed;inset:0;z-index:1000;background-color:var(--sc-surface-neutral-secondary)}.searchcraft-popover-form-fullscreen .searchcraft-popover-form{position:absolute;inset:0}.searchcraft-popover-form-fullscreen .searchcraft-input{border-radius:calc(--sc-popover-form-border-radius - 12px);border-radius:calc(var(--sc-popover-form-border-radius) - 12px);outline-width:1px;outline-color:var(--sc-border-neutral)}.searchcraft-popover-form-fullscreen searchcraft-popover-list-view{overflow:scroll}.searchcraft-popover-list-item-ad{all:unset;display:flex;flex-direction:row;cursor:pointer;gap:8px;padding-right:var(--sc-popover-list-item-padding-horizontal);padding-left:var(--sc-popover-list-item-padding-horizontal);padding-top:var(--sc-popover-list-item-padding-vertical);padding-bottom:var(--sc-popover-list-item-padding-vertical);border:1px solid blue}.searchcraft-popover-list-item-ad:focus{background-color:var(--sc-surface-neutral-secondary-active);color:var(--sc-content-neutral-secondary)}.searchcraft-popover-list-item-ad:hover{background-color:var(--sc-surface-neutral-secondary-hover);color:var(--sc-content-neutral-secondary)}.searchcraft-popover-list-item-ad-title{font-family:var(--sc-font-family);font-weight:var(--sc-font-normal);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-font-size);margin:0;color:inherit}.searchcraft-popover-list-item-ad-subtitle{font-family:var(--sc-font-family);font-weight:var(--sc-font-normal);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-small-font-size);margin:0;color:inherit}.searchcraft-popover-list-item-ad-image-wrapper{width:var(--sc-popover-list-item-image-size);height:var(--sc-popover-list-item-image-size);display:flex;align-items:center;justify-content:center;flex-shrink:0}.searchcraft-popover-list-item-ad-image{max-width:var(--sc-popover-list-item-image-size);max-height:var(--sc-popover-list-item-image-size)}.searchcraft-popover-list-item-ad-info-wrapper{display:flex;flex-direction:column;gap:8px;justify-content:center}.searchcraft-popover-list-item{all:unset;color:var(--sc-content-neutral-secondary);display:flex;flex-direction:row;cursor:pointer;gap:8px;padding-right:var(--sc-popover-list-item-padding-horizontal);padding-left:var(--sc-popover-list-item-padding-horizontal);padding-top:var(--sc-popover-list-item-padding-vertical);padding-bottom:var(--sc-popover-list-item-padding-vertical)}.searchcraft-popover-list-item:focus{background-color:var(--sc-surface-neutral-secondary-active);color:var(--sc-content-neutral-secondary)}.searchcraft-popover-list-item:hover{background-color:var(--sc-surface-neutral-secondary-hover);color:var(--sc-content-neutral-secondary)}.searchcraft-popover-list-item-title{font-family:var(--sc-font-family);font-weight:var(--sc-font-normal);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-font-size);margin:0;color:inherit}.searchcraft-popover-list-item-subtitle{font-family:var(--sc-font-family);font-weight:var(--sc-font-normal);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-small-font-size);margin:0;color:inherit}.searchcraft-popover-list-item-image-wrapper{width:var(--sc-popover-list-item-image-size);height:var(--sc-popover-list-item-image-size);display:flex;align-items:center;justify-content:center;flex-shrink:0}.searchcraft-popover-list-item-image{max-width:var(--sc-popover-list-item-image-size);max-height:var(--sc-popover-list-item-image-size)}.searchcraft-popover-list-item-info-wrapper{display:flex;flex-direction:column;gap:8px;justify-content:center}.searchcraft-results-info{font-family:var(--sc-font-family);font-weight:var(--sc-font-normal);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-font-size);color:var(--sc-content-primary);margin:0}.searchcraft-slider-container{align-items:center;display:flex;flex-direction:column;gap:10px;width:100%}.searchcraft-slider-range-container{align-items:center;background-color:var(--sc-surface-disabled);border-radius:999px;display:flex;position:relative;height:4px;width:100%}.searchcraft-slider-range-container::-webkit-slider-runnable-track{pointer-events:none}.searchcraft-slider-range-container .searchcraft-slider-active-range{background-color:var(--sc-surface-brand-primary);border-radius:2px;height:4px;position:absolute;top:50%;transform:translateY(-50%);z-index:0}.searchcraft-slider-range-container .searchcraft-slider-active-range::-webkit-slider-runnable-track{pointer-events:none}.searchcraft-slider-range-container .searchcraft-slider-active-range::-moz-range-track{pointer-events:none}.searchcraft-slider-range-container .searchcraft-slider-input{appearance:none;background:rgba(0,0,0,0);border-radius:2px;height:4px;margin:0;outline:none;pointer-events:none;position:absolute;width:100%;-webkit-appearance:none}.searchcraft-slider-range-container .searchcraft-slider-input::-webkit-slider-thumb{background-color:var(--sc-surface-neutral-light);border-radius:50%;border:2px solid var(--sc-border-neutral);cursor:pointer;height:20px;pointer-events:all;width:20px;-webkit-appearance:none}.searchcraft-slider-range-container .searchcraft-slider-input::-moz-range-thumb{background-color:var(--sc-surface-neutral-light);border-radius:50%;border:2px solid var(--sc-border-neutral);cursor:pointer;height:20px;pointer-events:all;width:20px}.searchcraft-slider-label-container{color:var(--sc-content-primary);display:flex;font-family:\"Source Sans Pro\",sans-serif;font-size:15px;font-weight:600;justify-content:space-between;margin-top:10px;width:100%}.searchcraft-slider-label{min-width:30px;text-align:center}.searchcraft-toggle-button-container{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.searchcraft-toggle-button-label{font-family:var(--sc-font-family);font-weight:var(--sc-font-normal);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-font-size);margin:0;color:var(--sc-content-neutral-primary)}.searchcraft-toggle-button-sub-label{font-family:var(--sc-font-family);font-weight:var(--sc-font-normal);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-small-font-size);margin:0;color:var(--sc-content-neutral-secondary)}.searchcraft-toggle-button-background{transition:background-color .2s;background:var(--sc-surface-disabled);border:none;border-radius:16px;cursor:pointer;height:26px;position:relative;width:44px;flex-shrink:0}.searchcraft-toggle-button-background.active{background:var(--sc-surface-brand-primary);box-shadow:0px 0px 0px 1px rgba(0,0,0,.05)}.searchcraft-toggle-button-handle{background:var(--sc-surface-neutral-light);border-radius:50%;height:18px;left:4px;position:absolute;top:calc(50% - 9px);transition:transform .3s ease;width:18px}.searchcraft-toggle-button-handle.active{transform:translateX(16px)}.searchcraft-pagination{display:inline-grid;gap:16px;grid-template-columns:repeat(3, auto);grid-template-rows:1fr}.searchcraft-pagination-list{border:1px solid var(--sc-border-neutral);border-radius:var(--sc-border-radius);display:flex;list-style-type:none;margin:0;overflow:hidden;padding:0;width:auto}.searchcraft-pagination-list li{border-right:1px solid var(--sc-border-neutral);height:100%;min-height:44px;width:44px}.searchcraft-pagination-list li:last-child{border-right:none}.searchcraft-pagination-item{font-family:var(--sc-font-family);font-weight:var(--sc-font-normal);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-font-size);align-items:center;background-color:var(--sc-surface-neutral-primary);border:none;display:flex;height:100%;justify-content:center;width:100%}.searchcraft-pagination-item-active{background-color:var(--sc-surface-brand-secondary);font-weight:var(--sc-font-bold)}.searchcraft-pagination-control{border:1px solid var(--sc-border-neutral);border-radius:var(--sc-border-radius)}.searchcraft-pagination-range{font-family:var(--sc-font-family);font-weight:var(--sc-font-normal);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-font-size);align-items:center;display:flex}.searchcraft-select{display:flex;flex-direction:column;gap:4px}.searchcraft-select-label{font-family:var(--sc-font-family);font-weight:var(--sc-font-normal);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-small-font-size);font-weight:var(--sc-font-bold)}.searchcraft-select-input-wrapper{position:relative}.searchcraft-select-input{font-family:var(--sc-font-family);font-weight:var(--sc-font-normal);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-font-size);appearance:none;background-color:var(--sc-surface-neutral-secondary);border:2px solid rgba(0,0,0,0);border-radius:var(--sc-border-radius);cursor:pointer;height:44px;padding:0 44px 0 16px;width:100%}.searchcraft-select-input:hover{background-color:var(--sc-surface-neutral-secondary-hover)}.searchcraft-select-input:active{background-color:var(--sc-surface-neutral-secondary-active)}.searchcraft-select-input:focus{border-color:var(--sc-border-brand);outline:none}.searchcraft-select-input-icon{pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.searchcraft-select-caption{font-family:var(--sc-font-family);font-weight:var(--sc-font-normal);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-small-font-size)}.searchcraft-search-results-per-page{display:flex}.searchcraft-search-results-per-page-select{align-items:center;display:flex;gap:12px}.searchcraft-search-results-per-page-select-label{font-family:var(--sc-font-family);font-weight:var(--sc-font-normal);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-font-size)}.searchcraft-search-results-per-page-select-input{min-width:120px}/*# sourceMappingURL=hologram.css.map */\n`","import { Component, Prop } from '@stencil/core';\nimport styles from '../../themes/hologram.css?raw';\n\n/**\n * This web component adds Searchcraft's built-in css theme to your page's <head> tag.\n * It does not render anything visible, its only function is to manage the css styles on the page.\n *\n * ## Usage\n * ```html\n * <!-- index.html -->\n * <searchcraft-theme theme=\"light\" custom-theme=\"{}\" />\n * ```\n */\n@Component({\n tag: 'searchcraft-theme',\n shadow: false,\n})\nexport class SearchcraftTheme {\n /**\n * The name of the theme.\n */\n @Prop() theme = 'light';\n /**\n * The custom theme configuration object.\n */\n @Prop() customTheme = '[]';\n\n private camelToKebab = (string) => {\n return string\n .replace(/[A-Z]/g, (match) => `-${match.toLowerCase()}`) // Convert uppercase letters to `-lowercase`\n .toLowerCase(); // Ensure the whole string is in lowercase\n };\n\n componentDidLoad() {\n // Inject style element\n const styleElement =\n document.querySelector('#searchcraft-theme') ||\n document.createElement('style');\n styleElement.innerHTML = styles;\n styleElement.id = 'searchcraft-theme';\n\n const head = document.head || document.getElementsByTagName('head')[0];\n\n if (!head.contains(styleElement)) {\n if (head.firstChild) {\n head.insertBefore(styleElement, head.firstChild);\n } else {\n head.appendChild(styleElement);\n }\n }\n\n // Add theme name to body\n document.body.dataset.theme = this.theme;\n\n // Add CSS variables from customTheme configuration to document\n Object.entries(JSON.parse(this.customTheme)).map(([key, value]) => {\n document.documentElement.style.setProperty(\n `--${this.camelToKebab(key)}`,\n `${value}`,\n );\n });\n }\n\n render() {\n return;\n }\n}\n"],"mappings":"+BAAA,MAAAA,EAAe,u4kC,MCiBFC,EAAgB,M,yBAInBC,MAAQ,QAIRC,YAAc,KAEdC,aAAgBC,GACfA,EACJC,QAAQ,UAAWC,GAAU,IAAIA,EAAMC,kBACvCA,cAGL,gBAAAC,GAEE,MAAMC,EACJC,SAASC,cAAc,uBACvBD,SAASE,cAAc,SACzBH,EAAaI,UAAYd,EACzBU,EAAaK,GAAK,oBAElB,MAAMC,EAAOL,SAASK,MAAQL,SAASM,qBAAqB,QAAQ,GAEpE,IAAKD,EAAKE,SAASR,GAAe,CAChC,GAAIM,EAAKG,WAAY,CACnBH,EAAKI,aAAaV,EAAcM,EAAKG,W,KAChC,CACLH,EAAKK,YAAYX,E,EAKrBC,SAASW,KAAKC,QAAQrB,MAAQsB,KAAKtB,MAGnCuB,OAAOC,QAAQC,KAAKC,MAAMJ,KAAKrB,cAAc0B,KAAI,EAAEC,EAAKC,MACtDpB,SAASqB,gBAAgBC,MAAMC,YAC7B,KAAKV,KAAKpB,aAAa0B,KACvB,GAAGC,IACJ,G,CAIL,MAAAI,GACE,M","ignoreList":[]}
@@ -1,2 +1,2 @@
1
- import{p as e,b as t}from"./p-7e13c128.js";export{s as setNonce}from"./p-7e13c128.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-2ff7eb35",[[0,"searchcraft-filter-panel",{items:[16],unsubscribe:[32],lastQuery:[32]}]]],["p-64c5a1d2",[[4,"searchcraft-base-search-results",{adInterval:[2,"ad-interval"],customStylesForResults:[1,"custom-styles-for-results"],searchResultMappings:[16],placeAdAtEnd:[4,"place-ad-at-end"],placeAdAtStart:[4,"place-ad-at-start"],resultImagePlacement:[1,"result-image-placement"],buttonLabel:[1,"button-label"],buttonTarget:[1,"button-target"],buttonRel:[1,"button-rel"],containerTarget:[1,"container-target"],containerRel:[1,"container-rel"],hasSearched:[32],query:[32],searchResults:[32]}]]],["p-faaa4394",[[4,"searchcraft-popover-button"]]],["p-26f5263d",[[0,"searchcraft-results-info",{isRequesting:[32],resultsCount:[32],responseTime:[32],query:[32]}]]],["p-c7df8be6",[[0,"searchcraft-theme"]]],["p-57eddb07",[[0,"searchcraft-base-search-result",{titleContent:[1,"title-content"],subtitleContent:[1,"subtitle-content"],bodyContent:[1,"body-content"],footerContent:[1,"footer-content"],buttonLabel:[1,"button-label"],buttonHref:[1,"button-href"],buttonTarget:[1,"button-target"],buttonRel:[1,"button-rel"],containerHref:[1,"container-href"],containerTarget:[1,"container-target"],containerRel:[1,"container-rel"],imageSrc:[1,"image-src"],imageAlt:[1,"image-alt"],imagePlacement:[1,"image-placement"],customStyles:[1,"custom-styles"],documentPosition:[2,"document-position"]}]]],["p-5d6fbee0",[[0,"searchcraft-popover-list-item",{titleContent:[1,"title-content"],subtitleContent:[1,"subtitle-content"],imageSrc:[1,"image-src"],imageAlt:[1,"image-alt"],href:[1],documentPosition:[2,"document-position"]}]]],["p-eb6058e8",[[0,"searchcraft-button",{iconElement:[16],iconOnly:[4,"icon-only"],iconPosition:[1,"icon-position"],label:[1],isRequesting:[32]}],[0,"searchcraft-input-label",{inputLabelClassName:[1,"input-label-class-name"],label:[1]}],[0,"searchcraft-error-message",{errorMessage:[1,"error-message"]}]]],["p-8b0a60b3",[[0,"searchcraft-input-form",{config:[16],autoSearch:[4,"auto-search"],buttonPlacement:[1,"button-placement"],buttonLabel:[1,"button-label"],inputLabel:[1,"input-label"],customStyles:[1,"custom-styles"],placeholderValue:[1,"placeholder-value"],searchTerm:[1,"search-term"],inputValue:[32],error:[32],isSearchcraftInitialized:[32]},null,{config:["onConfigChange"]}],[0,"searchcraft-popover-list-view",{popoverResultMappings:[16],documents:[16]}]]],["p-41b6bc5d",[[0,"searchcraft-popover-form",{config:[16],type:[1],popoverResultMappings:[16],hotkey:[1],hotkeyModifier:[1,"hotkey-modifier"],isPopoverVisibleInState:[32],unsubscribe:[32],searchResults:[32],searchTerm:[32],isFocused:[32],breakpointSm:[32],breakpointMd:[32],breakpointLg:[32],modalElement:[32]}]]],["p-36f0532e",[[0,"searchcraft-facet-list",{fieldName:[1,"field-name"],baseFacetRoot:[32],facetRoot:[32],selectedPaths:[32],lastTimeTaken:[32],hasNewSearchTerm:[32],lastQuery:[32],lastSearchMode:[32],lastSortType:[32],unsubscribe:[32]}],[0,"searchcraft-slider",{max:[2],min:[2],granularity:[2],dataType:[1,"data-type"],endValue:[32],startValue:[32],lastFocusedHandle:[32]}],[0,"searchcraft-toggle-button",{label:[1],subLabel:[1,"sub-label"],isActive:[32],unsubscribe:[32],lastQuery:[32]}]]]],e)}));
1
+ import{p as e,b as t}from"./p-7e13c128.js";export{s as setNonce}from"./p-7e13c128.js";import{g as a}from"./p-e1255160.js";var r=()=>{const t=import.meta.url;const s={};if(t!==""){s.resourcesUrl=new URL(".",t).href}return e(s)};r().then((async e=>{await a();return t([["p-6bffd3f5",[[4,"searchcraft-base-search-results",{customStylesForResults:[1,"custom-styles-for-results"],searchResultMappings:[16],resultImagePlacement:[1,"result-image-placement"],buttonLabel:[1,"button-label"],buttonTarget:[1,"button-target"],buttonRel:[1,"button-rel"],containerTarget:[1,"container-target"],containerRel:[1,"container-rel"],searchTerm:[32],searchClientResponseItems:[32],adClientResponseItems:[32],searchResultsPerPage:[32],searchResultsPage:[32]}]]],["p-9340f4e4",[[0,"searchcraft-filter-panel",{items:[16],unsubscribe:[32],lastSearchTerm:[32]}]]],["p-69da4e58",[[0,"searchcraft-pagination",{customStyles:[1,"custom-styles"],searchTerm:[32],searchResultsPerPage:[32],searchResultsPage:[32],searchResultsCount:[32],searchResultsPagesCount:[32],searchResultsRangeMin:[32],searchResultsRangeMax:[32],setSearchResultsPage:[32]}]]],["p-5e064c07",[[0,"searchcraft-search-results-per-page",{increment:[8],customStyles:[1,"custom-styles"],searchTerm:[32],searchResultsPage:[32],searchResultsPerPage:[32],searchResultsCount:[32],searchResultsPagesCount:[32],initialSearchResultsPerPage:[32],setSearchResultsPerPage:[32],setSearchResultsPage:[32]}]]],["p-7f4dd50c",[[4,"searchcraft-popover-button"]]],["p-a84b1548",[[0,"searchcraft-results-info",{customFormatter:[16],customStyles:[1,"custom-styles"],searchTerm:[32],searchResultsPage:[32],searchResultsPerPage:[32],searchResultsCount:[32],count:[32],range:[32],responseTime:[32]}]]],["p-e11de2d6",[[0,"searchcraft-theme",{theme:[1],customTheme:[1,"custom-theme"]}]]],["p-a3074a6d",[[0,"searchcraft-input-form",{config:[16],autoSearch:[4,"auto-search"],buttonPlacement:[1,"button-placement"],buttonLabel:[1,"button-label"],inputLabel:[1,"input-label"],customStyles:[1,"custom-styles"],placeholderValue:[1,"placeholder-value"],searchTerm:[1,"search-term"],inputValue:[32],error:[32],isSearchcraftInitialized:[32]},null,{config:["onConfigChange"]}],[0,"searchcraft-popover-list-view",{popoverResultMappings:[16],searchClientResponseItems:[16],adClientResponseItems:[16],searchResultsPage:[2,"search-results-page"],searchResultsPerPage:[2,"search-results-per-page"]}]]],["p-2dc07b47",[[0,"searchcraft-popover-form",{config:[16],type:[1],popoverResultMappings:[16],hotkey:[1],hotkeyModifier:[1,"hotkey-modifier"],isPopoverVisibleInState:[32],unsubscribe:[32],searchClientResponseItems:[32],adClientResponseItems:[32],searchTerm:[32],isFocused:[32],breakpointSm:[32],breakpointMd:[32],breakpointLg:[32],searchResultsPage:[32],searchResultsPerPage:[32],modalElement:[32]}]]],["p-b8ea0454",[[0,"searchcraft-select",{caption:[1],disabled:[4],inputId:[1,"input-id"],label:[1],labelId:[1,"label-id"],name:[1],options:[1],customStyles:[1,"custom-styles"],searchResultsPerPage:[32],setSearchResultsPage:[32],setSearchResultsPerPage:[32]}]]],["p-279f3e15",[[0,"searchcraft-base-search-result",{item:[16],searchResultMappings:[16],containerTarget:[1,"container-target"],containerRel:[1,"container-rel"],buttonTarget:[1,"button-target"],buttonRel:[1,"button-rel"],imagePlacement:[1,"image-placement"],customStyles:[1,"custom-styles"],documentPosition:[2,"document-position"],titleContent:[32],subtitleContent:[32],bodyContent:[32],footerContent:[32],buttonLabel:[32],buttonHref:[32],containerHref:[32],imageSrc:[32],imageAlt:[32]}],[0,"searchcraft-base-search-result-ad",{adClientResponseItem:[16]}]]],["p-2bc82b48",[[0,"searchcraft-facet-list",{fieldName:[1,"field-name"],baseFacetRoot:[32],facetRoot:[32],selectedPaths:[32],lastTimeTaken:[32],hasNewSearchTerm:[32],lastSearchTerm:[32],lastSearchMode:[32],lastSortType:[32],unsubscribe:[32]}],[0,"searchcraft-slider",{max:[2],min:[2],granularity:[2],dataType:[1,"data-type"],endValue:[32],startValue:[32],lastFocusedHandle:[32]}],[0,"searchcraft-toggle-button",{label:[1],subLabel:[1,"sub-label"],isActive:[32],unsubscribe:[32],lastSearchTerm:[32]}]]],["p-c4a9d8ab",[[0,"searchcraft-popover-list-item",{item:[16],popoverResultMappings:[16],documentPosition:[2,"document-position"],href:[32],imageSrc:[32],imageAlt:[32],titleContent:[32],subtitleContent:[32]}],[0,"searchcraft-popover-list-item-ad",{adClientResponseItem:[16]}]]],["p-d2fffca9",[[0,"searchcraft-input-label",{inputLabelClassName:[1,"input-label-class-name"],label:[1]}],[0,"searchcraft-button",{hierarchy:[1],disabled:[4],icon:[16],iconOnly:[4,"icon-only"],iconPosition:[1,"icon-position"],label:[1],type:[1]}],[0,"searchcraft-error-message",{errorMessage:[1,"error-message"]}]]]],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","items","unsubscribe","lastQuery","adInterval","customStylesForResults","searchResultMappings","placeAdAtEnd","placeAdAtStart","resultImagePlacement","buttonLabel","buttonTarget","buttonRel","containerTarget","containerRel","hasSearched","query","searchResults","isRequesting","resultsCount","responseTime","titleContent","subtitleContent","bodyContent","footerContent","buttonHref","containerHref","imageSrc","imageAlt","imagePlacement","customStyles","documentPosition","iconElement","iconOnly","iconPosition","label","inputLabelClassName","errorMessage","config","autoSearch","buttonPlacement","inputLabel","placeholderValue","searchTerm","inputValue","error","isSearchcraftInitialized","popoverResultMappings","documents","type","hotkey","hotkeyModifier","isPopoverVisibleInState","isFocused","breakpointSm","breakpointMd","breakpointLg","modalElement","fieldName","baseFacetRoot","facetRoot","selectedPaths","lastTimeTaken","hasNewSearchTerm","lastSearchMode","lastSortType","max","min","granularity","dataType","endValue","startValue","lastFocusedHandle","subLabel","isActive"],"sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.25.0 | 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,8CAAuC,CAAAC,MAAA,KAAAC,YAAA,KAAAC,UAAA,8DAAAC,WAAA,kBAAAC,uBAAA,gCAAAC,qBAAA,KAAAC,aAAA,sBAAAC,eAAA,wBAAAC,qBAAA,6BAAAC,YAAA,mBAAAC,aAAA,oBAAAC,UAAA,iBAAAC,gBAAA,uBAAAC,aAAA,oBAAAC,YAAA,KAAAC,MAAA,KAAAC,cAAA,yGAAAC,aAAA,KAAAC,aAAA,KAAAC,aAAA,KAAAJ,MAAA,sGAAAK,aAAA,oBAAAC,gBAAA,uBAAAC,YAAA,mBAAAC,cAAA,qBAAAd,YAAA,mBAAAe,WAAA,kBAAAd,aAAA,oBAAAC,UAAA,iBAAAc,cAAA,qBAAAb,gBAAA,uBAAAC,aAAA,oBAAAa,SAAA,gBAAAC,SAAA,gBAAAC,eAAA,sBAAAC,aAAA,oBAAAC,iBAAA,+EAAAV,aAAA,oBAAAC,gBAAA,uBAAAK,SAAA,gBAAAC,SAAA,gBAAAlC,KAAA,IAAAqC,iBAAA,oEAAAC,YAAA,KAAAC,SAAA,gBAAAC,aAAA,oBAAAC,MAAA,IAAAjB,aAAA,qCAAAkB,oBAAA,6BAAAD,MAAA,sCAAAE,aAAA,oEAAAC,OAAA,KAAAC,WAAA,kBAAAC,gBAAA,uBAAA9B,YAAA,mBAAA+B,WAAA,kBAAAX,aAAA,oBAAAY,iBAAA,wBAAAC,WAAA,kBAAAC,WAAA,KAAAC,MAAA,KAAAC,yBAAA,YAAAR,OAAA,yDAAAS,sBAAA,KAAAC,UAAA,uDAAAV,OAAA,KAAAW,KAAA,IAAAF,sBAAA,KAAAG,OAAA,IAAAC,eAAA,sBAAAC,wBAAA,KAAAlD,YAAA,KAAAe,cAAA,KAAA0B,WAAA,KAAAU,UAAA,KAAAC,aAAA,KAAAC,aAAA,KAAAC,aAAA,KAAAC,aAAA,qDAAAC,UAAA,iBAAAC,cAAA,KAAAC,UAAA,KAAAC,cAAA,KAAAC,cAAA,KAAAC,iBAAA,KAAA5D,UAAA,KAAA6D,eAAA,KAAAC,aAAA,KAAA/D,YAAA,gCAAAgE,IAAA,IAAAC,IAAA,IAAAC,YAAA,IAAAC,SAAA,gBAAAC,SAAA,KAAAC,WAAA,KAAAC,kBAAA,uCAAArC,MAAA,IAAAsC,SAAA,gBAAAC,SAAA,KAAAxE,YAAA,KAAAC,UAAA,UAAAL,EAAA","ignoreList":[]}
1
+ {"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","async","options","globalScripts","bootstrapLazy","customStylesForResults","searchResultMappings","resultImagePlacement","buttonLabel","buttonTarget","buttonRel","containerTarget","containerRel","searchTerm","searchClientResponseItems","adClientResponseItems","searchResultsPerPage","searchResultsPage","items","unsubscribe","lastSearchTerm","customStyles","searchResultsCount","searchResultsPagesCount","searchResultsRangeMin","searchResultsRangeMax","setSearchResultsPage","increment","initialSearchResultsPerPage","setSearchResultsPerPage","customFormatter","count","range","responseTime","theme","customTheme","config","autoSearch","buttonPlacement","inputLabel","placeholderValue","inputValue","error","isSearchcraftInitialized","popoverResultMappings","type","hotkey","hotkeyModifier","isPopoverVisibleInState","isFocused","breakpointSm","breakpointMd","breakpointLg","modalElement","caption","disabled","inputId","label","labelId","name","item","imagePlacement","documentPosition","titleContent","subtitleContent","bodyContent","footerContent","buttonHref","containerHref","imageSrc","imageAlt","adClientResponseItem","fieldName","baseFacetRoot","facetRoot","selectedPaths","lastTimeTaken","hasNewSearchTerm","lastSearchMode","lastSortType","max","min","granularity","dataType","endValue","startValue","lastFocusedHandle","subLabel","isActive","inputLabelClassName","hierarchy","icon","iconOnly","iconPosition","errorMessage"],"sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.25.0 | 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,qDAAuC,CAAAC,uBAAA,gCAAAC,qBAAA,KAAAC,qBAAA,6BAAAC,YAAA,mBAAAC,aAAA,oBAAAC,UAAA,iBAAAC,gBAAA,uBAAAC,aAAA,oBAAAC,WAAA,KAAAC,0BAAA,KAAAC,sBAAA,KAAAC,qBAAA,KAAAC,kBAAA,uDAAAC,MAAA,KAAAC,YAAA,KAAAC,eAAA,qDAAAC,aAAA,oBAAAR,WAAA,KAAAG,qBAAA,KAAAC,kBAAA,KAAAK,mBAAA,KAAAC,wBAAA,KAAAC,sBAAA,KAAAC,sBAAA,KAAAC,qBAAA,kEAAAC,UAAA,IAAAN,aAAA,oBAAAR,WAAA,KAAAI,kBAAA,KAAAD,qBAAA,KAAAM,mBAAA,KAAAC,wBAAA,KAAAK,4BAAA,KAAAC,wBAAA,KAAAH,qBAAA,yGAAAI,gBAAA,KAAAT,aAAA,oBAAAR,WAAA,KAAAI,kBAAA,KAAAD,qBAAA,KAAAM,mBAAA,KAAAS,MAAA,KAAAC,MAAA,KAAAC,aAAA,gDAAAC,MAAA,IAAAC,YAAA,mEAAAC,OAAA,KAAAC,WAAA,kBAAAC,gBAAA,uBAAA9B,YAAA,mBAAA+B,WAAA,kBAAAlB,aAAA,oBAAAmB,iBAAA,wBAAA3B,WAAA,kBAAA4B,WAAA,KAAAC,MAAA,KAAAC,yBAAA,YAAAP,OAAA,yDAAAQ,sBAAA,KAAA9B,0BAAA,KAAAC,sBAAA,KAAAE,kBAAA,0BAAAD,qBAAA,gFAAAoB,OAAA,KAAAS,KAAA,IAAAD,sBAAA,KAAAE,OAAA,IAAAC,eAAA,sBAAAC,wBAAA,KAAA7B,YAAA,KAAAL,0BAAA,KAAAC,sBAAA,KAAAF,WAAA,KAAAoC,UAAA,KAAAC,aAAA,KAAAC,aAAA,KAAAC,aAAA,KAAAnC,kBAAA,KAAAD,qBAAA,KAAAqC,aAAA,iDAAAC,QAAA,IAAAC,SAAA,IAAAC,QAAA,eAAAC,MAAA,IAAAC,QAAA,eAAAC,KAAA,IAAAzD,QAAA,IAAAmB,aAAA,oBAAAL,qBAAA,KAAAU,qBAAA,KAAAG,wBAAA,6DAAA+B,KAAA,KAAAtD,qBAAA,KAAAK,gBAAA,uBAAAC,aAAA,oBAAAH,aAAA,oBAAAC,UAAA,iBAAAmD,eAAA,sBAAAxC,aAAA,oBAAAyC,iBAAA,wBAAAC,aAAA,KAAAC,gBAAA,KAAAC,YAAA,KAAAC,cAAA,KAAA1D,YAAA,KAAA2D,WAAA,KAAAC,cAAA,KAAAC,SAAA,KAAAC,SAAA,+CAAAC,qBAAA,qDAAAC,UAAA,iBAAAC,cAAA,KAAAC,UAAA,KAAAC,cAAA,KAAAC,cAAA,KAAAC,iBAAA,KAAAzD,eAAA,KAAA0D,eAAA,KAAAC,aAAA,KAAA5D,YAAA,gCAAA6D,IAAA,IAAAC,IAAA,IAAAC,YAAA,IAAAC,SAAA,gBAAAC,SAAA,KAAAC,WAAA,KAAAC,kBAAA,uCAAA7B,MAAA,IAAA8B,SAAA,gBAAAC,SAAA,KAAArE,YAAA,KAAAC,eAAA,4DAAAwC,KAAA,KAAAhB,sBAAA,KAAAkB,iBAAA,wBAAAhE,KAAA,KAAAuE,SAAA,KAAAC,SAAA,KAAAP,aAAA,KAAAC,gBAAA,8CAAAO,qBAAA,sDAAAkB,oBAAA,6BAAAhC,MAAA,+BAAAiC,UAAA,IAAAnC,SAAA,IAAAoC,KAAA,KAAAC,SAAA,gBAAAC,aAAA,oBAAApC,MAAA,IAAAZ,KAAA,sCAAAiD,aAAA,yBAAA5F,EAAA","ignoreList":[]}
@@ -1,45 +1,13 @@
1
+ import type { SearchClientResponseItem, SearchDocument } from '@searchcraft/core';
2
+ import type { SearchResultMappings } from '@searchcraft/core';
1
3
  /**
2
4
  * This web component is designed to display detailed information for a single search result.
3
5
  * Once a query is submitted, the component formats and presents the result.
4
6
  * It is consumed within the `searchcraft-base-search-results` component.
5
7
  */
6
8
  export declare class SearchcraftBaseSearchResult {
7
- /**
8
- * The title content.
9
- */
10
- titleContent: string | undefined;
11
- /**
12
- * The subtitle content.
13
- */
14
- subtitleContent: string | undefined;
15
- /**
16
- * The body content.
17
- */
18
- bodyContent: string | undefined;
19
- /**
20
- * The footer content.
21
- */
22
- footerContent: string | undefined;
23
- /**
24
- * The label for the button rendered when containerHref is not present.
25
- */
26
- buttonLabel: string | undefined;
27
- /**
28
- * The link for the button rendered when containerHref is not present.
29
- */
30
- buttonHref: string | undefined;
31
- /**
32
- * Where to open the link for the button rendered when containerHref is not present.
33
- */
34
- buttonTarget: '_blank' | '_self' | '_top' | '_parent';
35
- /**
36
- * The relationship between the current document and the link for the button rendered when containerHref is not present.
37
- */
38
- buttonRel: 'noreferrer' | 'noopener' | 'nofollow' | undefined;
39
- /**
40
- * The link for the containing element.
41
- */
42
- containerHref: string | undefined;
9
+ item: SearchClientResponseItem | undefined;
10
+ searchResultMappings: SearchResultMappings | undefined;
43
11
  /**
44
12
  * Where to open the link for the containing element.
45
13
  */
@@ -49,13 +17,13 @@ export declare class SearchcraftBaseSearchResult {
49
17
  */
50
18
  containerRel: 'noreferrer' | 'noopener' | 'nofollow' | undefined;
51
19
  /**
52
- * The image source.
20
+ * Where to open the link for the button rendered when containerHref is not present.
53
21
  */
54
- imageSrc: string | undefined;
22
+ buttonTarget: '_blank' | '_self' | '_top' | '_parent';
55
23
  /**
56
- * The image alternative text.
24
+ * The relationship between the current document and the link for the button rendered when containerHref is not present.
57
25
  */
58
- imageAlt: string | undefined;
26
+ buttonRel: 'noreferrer' | 'noopener' | 'nofollow' | undefined;
59
27
  /**
60
28
  * The placement of the image.
61
29
  */
@@ -68,8 +36,19 @@ export declare class SearchcraftBaseSearchResult {
68
36
  * The position in the document. Used with the "document_clicked" measure event.
69
37
  */
70
38
  documentPosition: number;
39
+ titleContent: string | undefined;
40
+ subtitleContent: string | undefined;
41
+ bodyContent: string | undefined;
42
+ footerContent: string | undefined;
43
+ buttonLabel: string | undefined;
44
+ buttonHref: string | undefined;
45
+ containerHref: string | undefined;
46
+ imageSrc: string | undefined;
47
+ imageAlt: string | undefined;
71
48
  private searchcraftStore;
72
- private recordMeasureEvent;
49
+ connectedCallback(): void;
50
+ mapValuesFromDocument(document: SearchDocument): void;
51
+ private handleLinkClick;
73
52
  private parseStyles;
74
53
  render(): any;
75
54
  }
@@ -0,0 +1,14 @@
1
+ import type { AdClientResponseItem } from '@searchcraft/core';
2
+ /**
3
+ * A single list item rendered in a searchcraft-popover-list-view.
4
+ */
5
+ export declare class SearchcraftBaseSearchResultAd {
6
+ adClientResponseItem?: AdClientResponseItem;
7
+ connectedCallback(): void;
8
+ renderADMProductAd(): any;
9
+ renderADMTextAd(): any;
10
+ renderNativoAd(): void;
11
+ renderAdPlaceholder(): any;
12
+ render(): any;
13
+ }
14
+ //# sourceMappingURL=searchcraft-base-search-result-ad.d.ts.map