@bridgeline-digital/hawksearch-handlebars-ui 6.2.2 → 6.2.4

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 (183) hide show
  1. package/changelog.md +21 -2
  2. package/dist/hawksearch-handlebars-ui.cjs +2 -2
  3. package/dist/hawksearch-handlebars-ui.js +83 -32
  4. package/dist/hawksearch-handlebars-ui.min.js +39 -39
  5. package/dist/hawksearch-handlebars-ui.umd.cjs +2 -2
  6. package/dist/index.d.ts +18 -0
  7. package/docs/assets/highlight.css +15 -8
  8. package/docs/assets/search.js +1 -1
  9. package/docs/classes/Components.AutocompleteComponent.html +25 -3
  10. package/docs/classes/Components.BaseComponent.html +24 -2
  11. package/docs/classes/Components.BaseContentComponent.html +24 -2
  12. package/docs/classes/Components.BaseFacetComponent.html +24 -2
  13. package/docs/classes/Components.CheckboxListFacetComponent.html +25 -3
  14. package/docs/classes/Components.ColorFacetComponent.html +25 -3
  15. package/docs/classes/Components.ConceptSearchFieldComponent.html +24 -2
  16. package/docs/classes/Components.ContentZoneComponent.html +25 -3
  17. package/docs/classes/Components.ConversationalSearchComponent.html +25 -3
  18. package/docs/classes/Components.CustomContentComponent.html +24 -2
  19. package/docs/classes/Components.DatePickerComponent.html +25 -3
  20. package/docs/classes/Components.DateRangeFacetComponent.html +25 -3
  21. package/docs/classes/Components.FacetWrapperComponent.html +25 -3
  22. package/docs/classes/Components.FacetsListComponent.html +25 -3
  23. package/docs/classes/Components.FeaturedItemsContentComponent.html +25 -3
  24. package/docs/classes/Components.FeaturedItemsContentItemComponent.html +25 -3
  25. package/docs/classes/Components.IconComponent.html +25 -3
  26. package/docs/classes/Components.ImageContentComponent.html +24 -2
  27. package/docs/classes/Components.ImageSearchFieldComponent.html +24 -2
  28. package/docs/classes/Components.LandingPageComponent.html +25 -3
  29. package/docs/classes/Components.LinkListFacetComponent.html +24 -2
  30. package/docs/classes/Components.ModifiedQueryComponent.html +25 -3
  31. package/docs/classes/Components.NumericRangeFacetComponent.html +24 -2
  32. package/docs/classes/Components.PageSizeComponent.html +24 -2
  33. package/docs/classes/Components.PaginationComponent.html +25 -3
  34. package/docs/classes/Components.PopularQueriesContentComponent.html +24 -2
  35. package/docs/classes/Components.QuerySuggestionsComponent.html +25 -3
  36. package/docs/classes/Components.RangeSliderComponent.html +25 -3
  37. package/docs/classes/Components.RangeSliderFacetComponent.html +25 -3
  38. package/docs/classes/Components.RatingComponent.html +25 -3
  39. package/docs/classes/Components.RecentSearchesFacetComponent.html +24 -2
  40. package/docs/classes/Components.RecommendationsComponent.html +25 -3
  41. package/docs/classes/Components.RecommendationsItemComponent.html +25 -3
  42. package/docs/classes/Components.RelatedSearchesFacetComponent.html +24 -2
  43. package/docs/classes/Components.SearchFieldComponent.html +25 -3
  44. package/docs/classes/Components.SearchResultsComponent.html +25 -3
  45. package/docs/classes/Components.SearchResultsItemComponent.html +25 -3
  46. package/docs/classes/Components.SearchResultsListComponent.html +25 -3
  47. package/docs/classes/Components.SearchWithinFacetComponent.html +24 -2
  48. package/docs/classes/Components.SelectedFacetsComponent.html +25 -3
  49. package/docs/classes/Components.SizeFacetComponent.html +25 -3
  50. package/docs/classes/Components.SmartResponseComponent.html +25 -3
  51. package/docs/classes/Components.SortingComponent.html +24 -2
  52. package/docs/classes/Components.TabsComponent.html +24 -2
  53. package/docs/classes/Components.TooltipComponent.html +25 -3
  54. package/docs/classes/Components.UnifiedSearchFieldComponent.html +361 -0
  55. package/docs/classes/Components.VariantSelectorComponent.html +25 -3
  56. package/docs/classes/Components.VisualSearchFieldComponent.html +25 -3
  57. package/docs/enums/Models.AutocompleteItemType.html +1 -0
  58. package/docs/enums/Models.EventType.html +1 -0
  59. package/docs/enums/Models.PageType.html +1 -0
  60. package/docs/enums/Models.SearchType.html +1 -0
  61. package/docs/index.html +15 -3
  62. package/docs/interfaces/Configuration.HawkSearchComponents.html +5 -0
  63. package/docs/interfaces/Configuration.HawkSearchConfig.html +1 -1
  64. package/docs/interfaces/Configuration.SmartSearchFieldComponentConfig.html +2 -2
  65. package/docs/interfaces/Models.AutocompleteCategories.html +1 -0
  66. package/docs/interfaces/Models.AutocompleteCategory.html +1 -0
  67. package/docs/interfaces/Models.AutocompleteComponentModel.html +1 -0
  68. package/docs/interfaces/Models.AutocompleteContent.html +1 -0
  69. package/docs/interfaces/Models.AutocompleteContentResult.html +1 -0
  70. package/docs/interfaces/Models.AutocompleteProductResult.html +1 -0
  71. package/docs/interfaces/Models.AutocompleteProducts.html +1 -0
  72. package/docs/interfaces/Models.AutocompleteQueries.html +1 -0
  73. package/docs/interfaces/Models.AutocompleteQuery.html +1 -0
  74. package/docs/interfaces/Models.AutocompleteRequest.html +1 -0
  75. package/docs/interfaces/Models.AutocompleteResponse.html +1 -0
  76. package/docs/interfaces/Models.BaseComponentModel.html +1 -0
  77. package/docs/interfaces/Models.CalendarDay.html +1 -0
  78. package/docs/interfaces/Models.CheckboxListFacetComponentModel.html +1 -0
  79. package/docs/interfaces/Models.CheckboxListFacetValue.html +1 -0
  80. package/docs/interfaces/Models.ColorFacetComponentModel.html +1 -0
  81. package/docs/interfaces/Models.ColorFacetValue.html +1 -0
  82. package/docs/interfaces/Models.ContentConfiguration.html +1 -0
  83. package/docs/interfaces/Models.ContentType.html +1 -0
  84. package/docs/interfaces/Models.ContentZone.html +1 -0
  85. package/docs/interfaces/Models.ContentZoneComponentModel.html +1 -0
  86. package/docs/interfaces/Models.ContentZoneItem.html +1 -0
  87. package/docs/interfaces/Models.ContentZones.html +1 -0
  88. package/docs/interfaces/Models.ConversationalSearchComponentModel.html +1 -0
  89. package/docs/interfaces/Models.CustomContent.html +1 -0
  90. package/docs/interfaces/Models.CustomContentComponentModel.html +1 -0
  91. package/docs/interfaces/Models.CustomWidgetContent.html +1 -0
  92. package/docs/interfaces/Models.DateFacetRange.html +1 -0
  93. package/docs/interfaces/Models.DatePickerComponentModel.html +1 -0
  94. package/docs/interfaces/Models.DateRangeFacetComponentModel.html +1 -0
  95. package/docs/interfaces/Models.Facet.html +1 -0
  96. package/docs/interfaces/Models.FacetScrolling.html +1 -0
  97. package/docs/interfaces/Models.FacetSearch.html +1 -0
  98. package/docs/interfaces/Models.FacetTruncation.html +1 -0
  99. package/docs/interfaces/Models.FacetValue.html +1 -0
  100. package/docs/interfaces/Models.FacetValueColor.html +1 -0
  101. package/docs/interfaces/Models.FacetWrapperComponentModel.html +1 -0
  102. package/docs/interfaces/Models.FacetsListComponentModel.html +1 -0
  103. package/docs/interfaces/Models.FeaturedItemsContent.html +1 -0
  104. package/docs/interfaces/Models.FeaturedItemsContentComponentModel.html +1 -0
  105. package/docs/interfaces/Models.FeaturedItemsContentItem.html +1 -0
  106. package/docs/interfaces/Models.FeaturedItemsContentItemComponentModel.html +1 -0
  107. package/docs/interfaces/Models.IconComponentModel.html +1 -0
  108. package/docs/interfaces/Models.ImageContent.html +1 -0
  109. package/docs/interfaces/Models.ImageContentComponentModel.html +1 -0
  110. package/docs/interfaces/Models.Item.html +1 -0
  111. package/docs/interfaces/Models.ItemVariant.html +1 -0
  112. package/docs/interfaces/Models.LandingPageComponentModel.html +1 -0
  113. package/docs/interfaces/Models.LinkListFacetComponentModel.html +1 -0
  114. package/docs/interfaces/Models.LinkListFacetValue.html +1 -0
  115. package/docs/interfaces/Models.MessageItem.html +1 -0
  116. package/docs/interfaces/Models.MessageItemList.html +2 -1
  117. package/docs/interfaces/Models.ModifiedQueryComponentModel.html +1 -0
  118. package/docs/interfaces/Models.ModifiedQueryData.html +1 -0
  119. package/docs/interfaces/Models.NumericFacetRange.html +1 -0
  120. package/docs/interfaces/Models.NumericRangeFacetComponentModel.html +1 -0
  121. package/docs/interfaces/Models.PageSizeComponentModel.html +1 -0
  122. package/docs/interfaces/Models.Pagination.html +1 -0
  123. package/docs/interfaces/Models.PaginationComponentModel.html +1 -0
  124. package/docs/interfaces/Models.PaginationOption.html +1 -0
  125. package/docs/interfaces/Models.PopularQueriesContent.html +1 -0
  126. package/docs/interfaces/Models.PopularQueriesContentComponentModel.html +1 -0
  127. package/docs/interfaces/Models.PopularQueriesContentItem.html +1 -0
  128. package/docs/interfaces/Models.QuerySuggestionsComponentModel.html +1 -0
  129. package/docs/interfaces/Models.QuerySuggestionsData.html +1 -0
  130. package/docs/interfaces/Models.RangeSliderComponentModel.html +1 -0
  131. package/docs/interfaces/Models.RangeSliderEventData.html +1 -0
  132. package/docs/interfaces/Models.RangeSliderFacetComponentModel.html +1 -0
  133. package/docs/interfaces/Models.RatingComponentModel.html +1 -0
  134. package/docs/interfaces/Models.RecentSearchesFacetComponentModel.html +1 -0
  135. package/docs/interfaces/Models.RecommendationsCarouselData.html +232 -0
  136. package/docs/interfaces/Models.RecommendationsComponentModel.html +7 -0
  137. package/docs/interfaces/Models.RecommendationsItem.html +1 -0
  138. package/docs/interfaces/Models.RecommendationsItemComponentModel.html +1 -0
  139. package/docs/interfaces/Models.RecommendationsRequest.html +1 -0
  140. package/docs/interfaces/Models.RecommendationsResponse.html +1 -0
  141. package/docs/interfaces/Models.RecommendationsWidget.html +6 -0
  142. package/docs/interfaces/Models.Redirect.html +1 -0
  143. package/docs/interfaces/Models.RelatedSearchesFacetComponentModel.html +1 -0
  144. package/docs/interfaces/Models.SearchFieldComponentModel.html +1 -0
  145. package/docs/interfaces/Models.SearchRequest.html +1 -0
  146. package/docs/interfaces/Models.SearchResponse.html +1 -0
  147. package/docs/interfaces/Models.SearchResultsComponentModel.html +1 -0
  148. package/docs/interfaces/Models.SearchResultsItem.html +1 -0
  149. package/docs/interfaces/Models.SearchResultsItemComponentModel.html +1 -0
  150. package/docs/interfaces/Models.SearchResultsItemVariant.html +1 -0
  151. package/docs/interfaces/Models.SearchResultsListComponentModel.html +1 -0
  152. package/docs/interfaces/Models.SearchWithinFacetComponentModel.html +1 -0
  153. package/docs/interfaces/Models.SelectedFacet.html +1 -0
  154. package/docs/interfaces/Models.SelectedFacetValue.html +1 -0
  155. package/docs/interfaces/Models.SelectedFacetsComponentModel.html +1 -0
  156. package/docs/interfaces/Models.SeoConfiguration.html +1 -0
  157. package/docs/interfaces/Models.SizeFacetComponentModel.html +1 -0
  158. package/docs/interfaces/Models.SizeFacetValue.html +1 -0
  159. package/docs/interfaces/Models.SmartResponseComponentModel.html +1 -0
  160. package/docs/interfaces/Models.SmartResponseRequest.html +1 -0
  161. package/docs/interfaces/Models.SmartResponseResponse.html +1 -0
  162. package/docs/interfaces/Models.SmartSearchFieldComponentModel.html +3 -2
  163. package/docs/interfaces/Models.Sorting.html +1 -0
  164. package/docs/interfaces/Models.SortingComponentModel.html +1 -0
  165. package/docs/interfaces/Models.SortingOption.html +1 -0
  166. package/docs/interfaces/Models.TabsComponentModel.html +1 -0
  167. package/docs/interfaces/Models.TooltipComponentModel.html +1 -0
  168. package/docs/interfaces/Models.VariantSelectorComponentModel.html +1 -0
  169. package/docs/interfaces/Models.Variants.html +1 -0
  170. package/docs/interfaces/Models.VisualSearchFieldComponentModel.html +1 -0
  171. package/docs/modules/Components.html +3 -1
  172. package/docs/modules/Models.html +3 -1
  173. package/docs/types/Models.FacetState.html +1 -0
  174. package/docs/types/Models.FacetType.html +1 -0
  175. package/docs/types/Models.FacetValueState.html +1 -0
  176. package/docs/types/Models.IconName.html +1 -0
  177. package/docs/types/Models.ItemType.html +1 -0
  178. package/docs/types/Models.MessageRole.html +1 -0
  179. package/docs/types/Models.RequestType.html +1 -0
  180. package/docs/types/Models.SearchResultsMode.html +1 -0
  181. package/docs/types/Models.SearchTypes.html +1 -0
  182. package/docs/types/Models.SelectedFacets.html +1 -0
  183. package/package.json +1 -1
package/docs/classes/Components.AutocompleteComponent.html CHANGED
@@ -88,7 +88,7 @@
88
88
  </tbody></table>
89
89
  <p>When an element with this attribute is clicked, a new search will be executed with the query entered in the search box.</p>
90
90
  <a id="md:default-template" class="tsd-anchor"></a><h2><a href="#md:default-template">Default Template</a></h2><p>The following is the default Handlebars template for this component. To create a custom template, it is recommended to use this as a starting point.</p>
91
- <pre><code><span class="hl-2">&lt;</span><span class="hl-9">div</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">div</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;row&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{#</span><span class="hl-10">if</span><span class="hl-2"> </span><span class="hl-9">products</span><span class="hl-2">.</span><span class="hl-9">results</span><span class="hl-2">.</span><span class="hl-9">length</span><span class="hl-2">}}</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">div</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;column column--12 column-md--8&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">span</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete__title autocomplete__title--products&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">products</span><span class="hl-2">.</span><span class="hl-9">title</span><span class="hl-2">}}&lt;/</span><span class="hl-9">span</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">div</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;row autocomplete__products&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{#</span><span class="hl-9">each</span><span class="hl-2"> </span><span class="hl-9">products</span><span class="hl-2">.</span><span class="hl-9">results</span><span class="hl-2">}}</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">div</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;column column--12 column-sm--4&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">div</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete__product&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">a</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">product</span><span class="hl-2">=</span><span class="hl-7">&quot;{{id}}&quot;</span><span class="hl-2"> </span><span class="hl-9">href</span><span class="hl-2">=</span><span class="hl-7">&quot;{{url}}&quot;</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete__product__image&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">img</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">image</span><span class="hl-2"> </span><span class="hl-9">src</span><span class="hl-2">=</span><span class="hl-7">&quot;{{imageUrl}}&quot;</span><span class="hl-2"> </span><span class="hl-9">alt</span><span class="hl-2">=</span><span class="hl-7">&quot;&quot;</span><span class="hl-2"> /&gt;</span><br/><span class="hl-2"> &lt;/</span><span class="hl-9">a</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">span</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete__product__title&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">a</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">product</span><span class="hl-2">=</span><span class="hl-7">&quot;{{id}}&quot;</span><span class="hl-2"> </span><span class="hl-9">href</span><span class="hl-2">=</span><span class="hl-7">&quot;{{url}}&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">html</span><span class="hl-2"> </span><span class="hl-9">title</span><span class="hl-2">}}&lt;/</span><span class="hl-9">a</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;/</span><span class="hl-9">span</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{#</span><span class="hl-10">if</span><span class="hl-2"> </span><span class="hl-9">rating</span><span class="hl-2">}}</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">rating</span><span class="hl-2"> </span><span class="hl-9">rating</span><span class="hl-2">=</span><span class="hl-7">&quot;{{rating}}&quot;</span><span class="hl-2">&gt;&lt;/</span><span class="hl-13">hawksearch</span><span class="hl-2">-</span><span class="hl-13">rating</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{/</span><span class="hl-10">if</span><span class="hl-2">}}</span><br/><span class="hl-2"> {{#</span><span class="hl-6">unless</span><span class="hl-2"> (</span><span class="hl-9">eq</span><span class="hl-2"> </span><span class="hl-9">price</span><span class="hl-2"> </span><span class="hl-8">undefined</span><span class="hl-2">)}}</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">div</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete__product__price&quot;</span><span class="hl-2"> </span><span class="hl-9">itemprop</span><span class="hl-2">=</span><span class="hl-7">&quot;offers&quot;</span><span class="hl-2"> </span><span class="hl-9">itemtype</span><span class="hl-2">=</span><span class="hl-7">&quot;http://schema.org/Offer&quot;</span><span class="hl-2"> </span><span class="hl-9">itemscope</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{#</span><span class="hl-10">if</span><span class="hl-2"> (</span><span class="hl-9">lt</span><span class="hl-2"> </span><span class="hl-9">salePrice</span><span class="hl-2"> </span><span class="hl-9">price</span><span class="hl-2">)}}</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">span</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete__product__price__original&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">currency</span><span class="hl-2"> </span><span class="hl-9">price</span><span class="hl-2">}}&lt;/</span><span class="hl-9">span</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">span</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete__product__price__current&quot;</span><span class="hl-2"> </span><span class="hl-9">itemprop</span><span class="hl-2">=</span><span class="hl-7">&quot;price&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">currency</span><span class="hl-2"> </span><span class="hl-9">salePrice</span><span class="hl-2">}}&lt;/</span><span class="hl-9">span</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{</span><span class="hl-10">else</span><span class="hl-2">}}</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">span</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete__product__price-__current&quot;</span><span class="hl-2"> </span><span class="hl-9">itemprop</span><span class="hl-2">=</span><span class="hl-7">&quot;price&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">currency</span><span class="hl-2"> </span><span class="hl-9">price</span><span class="hl-2">}}&lt;/</span><span class="hl-9">span</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{/</span><span class="hl-10">if</span><span class="hl-2">}}</span><br/><span class="hl-2"> &lt;/</span><span class="hl-9">div</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{/</span><span class="hl-9">unless</span><span class="hl-2">}}</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">variant</span><span class="hl-2">-</span><span class="hl-9">selector</span><span class="hl-2">&gt;&lt;/</span><span class="hl-13">hawksearch</span><span class="hl-2">-</span><span class="hl-13">variant</span><span class="hl-2">-</span><span class="hl-13">selector</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;/</span><span class="hl-9">div</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;/</span><span class="hl-9">div</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{/</span><span class="hl-9">each</span><span class="hl-2">}}</span><br/><span class="hl-2"> &lt;/</span><span class="hl-9">div</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;/</span><span class="hl-9">div</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{/</span><span class="hl-10">if</span><span class="hl-2">}}</span><br/><span class="hl-2"> {{#</span><span class="hl-10">if</span><span class="hl-2"> (</span><span class="hl-9">or</span><span class="hl-2"> </span><span class="hl-9">categories</span><span class="hl-2">.</span><span class="hl-9">results</span><span class="hl-2">.</span><span class="hl-9">length</span><span class="hl-2"> </span><span class="hl-9">content</span><span class="hl-2">.</span><span class="hl-9">results</span><span class="hl-2">.</span><span class="hl-9">length</span><span class="hl-2"> </span><span class="hl-9">queries</span><span class="hl-2">.</span><span class="hl-9">results</span><span class="hl-2">.</span><span class="hl-9">length</span><span class="hl-2">)}}</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">div</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;column column--12 column-md--4&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{#</span><span class="hl-10">if</span><span class="hl-2"> </span><span class="hl-9">productSuggestedQueries</span><span class="hl-2">.</span><span class="hl-9">results</span><span class="hl-2">.</span><span class="hl-9">length</span><span class="hl-2">}}</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">span</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete__title autocomplete__title--queries&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">productSuggestedQueries</span><span class="hl-2">.</span><span class="hl-9">title</span><span class="hl-2">}}&lt;/</span><span class="hl-9">span</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">ul</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete__list&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{#</span><span class="hl-9">each</span><span class="hl-2"> </span><span class="hl-9">productSuggestedQueries</span><span class="hl-2">.</span><span class="hl-9">results</span><span class="hl-2">}}</span><br/><span class="hl-2"> &lt;</span><span class="hl-13">li</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">a</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">query</span><span class="hl-2">=</span><span class="hl-7">&quot;{{query}}&quot;</span><span class="hl-2"> </span><span class="hl-9">href</span><span class="hl-2">=</span><span class="hl-7">&quot;{{url}}&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">query</span><span class="hl-2">}}&lt;/</span><span class="hl-9">a</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;/</span><span class="hl-9">li</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{/</span><span class="hl-9">each</span><span class="hl-2">}}</span><br/><span class="hl-2"> &lt;/</span><span class="hl-9">ul</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{/</span><span class="hl-10">if</span><span class="hl-2">}}</span><br/><span class="hl-2"> {{#</span><span class="hl-10">if</span><span class="hl-2"> </span><span class="hl-9">contentSuggestedQueries</span><span class="hl-2">.</span><span class="hl-9">results</span><span class="hl-2">.</span><span class="hl-9">length</span><span class="hl-2">}}</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">span</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete__title autocomplete__title--queries&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">contentSuggestedQueries</span><span class="hl-2">.</span><span class="hl-9">title</span><span class="hl-2">}}&lt;/</span><span class="hl-9">span</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">ul</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete__list&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{#</span><span class="hl-9">each</span><span class="hl-2"> </span><span class="hl-9">contentSuggestedQueries</span><span class="hl-2">.</span><span class="hl-9">results</span><span class="hl-2">}}</span><br/><span class="hl-2"> &lt;</span><span class="hl-13">li</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">a</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">query</span><span class="hl-2">=</span><span class="hl-7">&quot;{{query}}&quot;</span><span class="hl-2"> </span><span class="hl-9">href</span><span class="hl-2">=</span><span class="hl-7">&quot;{{url}}&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">query</span><span class="hl-2">}}&lt;/</span><span class="hl-9">a</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;/</span><span class="hl-9">li</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{/</span><span class="hl-9">each</span><span class="hl-2">}}</span><br/><span class="hl-2"> &lt;/</span><span class="hl-9">ul</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{/</span><span class="hl-10">if</span><span class="hl-2">}}</span><br/><span class="hl-2"> {{#</span><span class="hl-10">if</span><span class="hl-2"> </span><span class="hl-9">categories</span><span class="hl-2">.</span><span class="hl-9">results</span><span class="hl-2">.</span><span class="hl-9">length</span><span class="hl-2">}}</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">span</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete__title autocomplete__title--categories&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">categories</span><span class="hl-2">.</span><span class="hl-9">title</span><span class="hl-2">}}&lt;/</span><span class="hl-9">span</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">ul</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete__list&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{#</span><span class="hl-9">each</span><span class="hl-2"> </span><span class="hl-9">categories</span><span class="hl-2">.</span><span class="hl-9">results</span><span class="hl-2">}}</span><br/><span class="hl-2"> &lt;</span><span class="hl-13">li</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">a</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">category</span><span class="hl-2">-</span><span class="hl-9">field</span><span class="hl-2">=</span><span class="hl-7">&quot;{{field}}&quot;</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">category</span><span class="hl-2">-</span><span class="hl-9">value</span><span class="hl-2">=</span><span class="hl-7">&quot;{{value}}&quot;</span><span class="hl-2"> </span><span class="hl-9">href</span><span class="hl-2">=</span><span class="hl-7">&quot;{{url}}&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">html</span><span class="hl-2"> </span><span class="hl-9">title</span><span class="hl-2">}}&lt;/</span><span class="hl-9">a</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;/</span><span class="hl-9">li</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{/</span><span class="hl-9">each</span><span class="hl-2">}}</span><br/><span class="hl-2"> &lt;/</span><span class="hl-9">ul</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{/</span><span class="hl-10">if</span><span class="hl-2">}}</span><br/><span class="hl-2"> {{#</span><span class="hl-10">if</span><span class="hl-2"> </span><span class="hl-9">content</span><span class="hl-2">.</span><span class="hl-9">results</span><span class="hl-2">.</span><span class="hl-9">length</span><span class="hl-2">}}</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">span</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete__title autocomplete__title--content&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">content</span><span class="hl-2">.</span><span class="hl-9">title</span><span class="hl-2">}}&lt;/</span><span class="hl-9">span</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">ul</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete__list&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{#</span><span class="hl-9">each</span><span class="hl-2"> </span><span class="hl-9">content</span><span class="hl-2">.</span><span class="hl-9">results</span><span class="hl-2">}}</span><br/><span class="hl-2"> &lt;</span><span class="hl-13">li</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">a</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">content</span><span class="hl-2">=</span><span class="hl-7">&quot;{{id}}&quot;</span><span class="hl-2"> </span><span class="hl-9">href</span><span class="hl-2">=</span><span class="hl-7">&quot;{{url}}&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">html</span><span class="hl-2"> </span><span class="hl-9">title</span><span class="hl-2">}}&lt;/</span><span class="hl-9">a</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;/</span><span class="hl-9">li</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{/</span><span class="hl-9">each</span><span class="hl-2">}}</span><br/><span class="hl-2"> &lt;/</span><span class="hl-9">ul</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{/</span><span class="hl-10">if</span><span class="hl-2">}}</span><br/><span class="hl-2"> {{#</span><span class="hl-10">if</span><span class="hl-2"> </span><span class="hl-9">queries</span><span class="hl-2">.</span><span class="hl-9">results</span><span class="hl-2">.</span><span class="hl-9">length</span><span class="hl-2">}}</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">span</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete__title autocomplete__title--queries&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">queries</span><span class="hl-2">.</span><span class="hl-9">title</span><span class="hl-2">}}&lt;/</span><span class="hl-9">span</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">ul</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete__list&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{#</span><span class="hl-9">each</span><span class="hl-2"> </span><span class="hl-9">queries</span><span class="hl-2">.</span><span class="hl-9">results</span><span class="hl-2">}}</span><br/><span class="hl-2"> &lt;</span><span class="hl-13">li</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">a</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">query</span><span class="hl-2">=</span><span class="hl-7">&quot;{{query}}&quot;</span><span class="hl-2"> </span><span class="hl-9">href</span><span class="hl-2">=</span><span class="hl-7">&quot;{{url}}&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">query</span><span class="hl-2">}}&lt;/</span><span class="hl-9">a</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;/</span><span class="hl-9">li</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{/</span><span class="hl-9">each</span><span class="hl-2">}}</span><br/><span class="hl-2"> &lt;/</span><span class="hl-9">ul</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{/</span><span class="hl-10">if</span><span class="hl-2">}}</span><br/><span class="hl-2"> &lt;/</span><span class="hl-9">div</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{/</span><span class="hl-10">if</span><span class="hl-2">}}</span><br/><span class="hl-2"> &lt;/</span><span class="hl-9">div</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">div</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete__view-all&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">a</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">view</span><span class="hl-2">-</span><span class="hl-9">all</span><span class="hl-2">&gt;{{</span><span class="hl-9">viewAllText</span><span class="hl-2">}}&lt;/</span><span class="hl-9">a</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;/</span><span class="hl-9">div</span><span class="hl-2">&gt;</span><br/><span class="hl-2">&lt;/</span><span class="hl-9">div</span><span class="hl-2">&gt;</span>
91
+ <pre><code><span class="hl-2">&lt;</span><span class="hl-9">div</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">div</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;row&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{#</span><span class="hl-10">if</span><span class="hl-2"> </span><span class="hl-9">products</span><span class="hl-2">.</span><span class="hl-9">results</span><span class="hl-2">.</span><span class="hl-9">length</span><span class="hl-2">}}</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">div</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;column column--12 column-md--8&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">span</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete__title autocomplete__title--products&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">products</span><span class="hl-2">.</span><span class="hl-9">title</span><span class="hl-2">}}&lt;/</span><span class="hl-9">span</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">div</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;row autocomplete__products&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{#</span><span class="hl-9">each</span><span class="hl-2"> </span><span class="hl-9">products</span><span class="hl-2">.</span><span class="hl-9">results</span><span class="hl-2">}}</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">div</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;column column--12 column-sm--4&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">div</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete__product&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">a</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">product</span><span class="hl-2">=</span><span class="hl-7">&quot;{{id}}&quot;</span><span class="hl-2"> </span><span class="hl-9">href</span><span class="hl-2">=</span><span class="hl-7">&quot;{{url}}&quot;</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete__product__image&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">img</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">image</span><span class="hl-2"> </span><span class="hl-9">src</span><span class="hl-2">=</span><span class="hl-7">&quot;{{imageUrl}}&quot;</span><span class="hl-2"> </span><span class="hl-9">alt</span><span class="hl-2">=</span><span class="hl-7">&quot;&quot;</span><span class="hl-2"> /&gt;</span><br/><span class="hl-2"> &lt;/</span><span class="hl-9">a</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">span</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete__product__title&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">a</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">product</span><span class="hl-2">=</span><span class="hl-7">&quot;{{id}}&quot;</span><span class="hl-2"> </span><span class="hl-9">href</span><span class="hl-2">=</span><span class="hl-7">&quot;{{url}}&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">html</span><span class="hl-2"> </span><span class="hl-9">title</span><span class="hl-2">}}&lt;/</span><span class="hl-9">a</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;/</span><span class="hl-9">span</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{#</span><span class="hl-10">if</span><span class="hl-2"> </span><span class="hl-9">rating</span><span class="hl-2">}}</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">rating</span><span class="hl-2"> </span><span class="hl-9">rating</span><span class="hl-2">=</span><span class="hl-7">&quot;{{rating}}&quot;</span><span class="hl-2">&gt;&lt;/</span><span class="hl-14">hawksearch</span><span class="hl-2">-</span><span class="hl-14">rating</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{/</span><span class="hl-10">if</span><span class="hl-2">}}</span><br/><span class="hl-2"> {{#</span><span class="hl-6">unless</span><span class="hl-2"> (</span><span class="hl-9">eq</span><span class="hl-2"> </span><span class="hl-9">price</span><span class="hl-2"> </span><span class="hl-8">undefined</span><span class="hl-2">)}}</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">div</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete__product__price&quot;</span><span class="hl-2"> </span><span class="hl-9">itemprop</span><span class="hl-2">=</span><span class="hl-7">&quot;offers&quot;</span><span class="hl-2"> </span><span class="hl-9">itemtype</span><span class="hl-2">=</span><span class="hl-7">&quot;http://schema.org/Offer&quot;</span><span class="hl-2"> </span><span class="hl-9">itemscope</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{#</span><span class="hl-10">if</span><span class="hl-2"> (</span><span class="hl-9">lt</span><span class="hl-2"> </span><span class="hl-9">salePrice</span><span class="hl-2"> </span><span class="hl-9">price</span><span class="hl-2">)}}</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">span</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete__product__price__original&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">currency</span><span class="hl-2"> </span><span class="hl-9">price</span><span class="hl-2">}}&lt;/</span><span class="hl-9">span</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">span</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete__product__price__current&quot;</span><span class="hl-2"> </span><span class="hl-9">itemprop</span><span class="hl-2">=</span><span class="hl-7">&quot;price&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">currency</span><span class="hl-2"> </span><span class="hl-9">salePrice</span><span class="hl-2">}}&lt;/</span><span class="hl-9">span</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{</span><span class="hl-10">else</span><span class="hl-2">}}</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">span</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete__product__price-__current&quot;</span><span class="hl-2"> </span><span class="hl-9">itemprop</span><span class="hl-2">=</span><span class="hl-7">&quot;price&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">currency</span><span class="hl-2"> </span><span class="hl-9">price</span><span class="hl-2">}}&lt;/</span><span class="hl-9">span</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{/</span><span class="hl-10">if</span><span class="hl-2">}}</span><br/><span class="hl-2"> &lt;/</span><span class="hl-9">div</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{/</span><span class="hl-9">unless</span><span class="hl-2">}}</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">variant</span><span class="hl-2">-</span><span class="hl-9">selector</span><span class="hl-2">&gt;&lt;/</span><span class="hl-14">hawksearch</span><span class="hl-2">-</span><span class="hl-14">variant</span><span class="hl-2">-</span><span class="hl-14">selector</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;/</span><span class="hl-9">div</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;/</span><span class="hl-9">div</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{/</span><span class="hl-9">each</span><span class="hl-2">}}</span><br/><span class="hl-2"> &lt;/</span><span class="hl-9">div</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;/</span><span class="hl-9">div</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{/</span><span class="hl-10">if</span><span class="hl-2">}}</span><br/><span class="hl-2"> {{#</span><span class="hl-10">if</span><span class="hl-2"> (</span><span class="hl-9">or</span><span class="hl-2"> </span><span class="hl-9">categories</span><span class="hl-2">.</span><span class="hl-9">results</span><span class="hl-2">.</span><span class="hl-9">length</span><span class="hl-2"> </span><span class="hl-9">content</span><span class="hl-2">.</span><span class="hl-9">results</span><span class="hl-2">.</span><span class="hl-9">length</span><span class="hl-2"> </span><span class="hl-9">queries</span><span class="hl-2">.</span><span class="hl-9">results</span><span class="hl-2">.</span><span class="hl-9">length</span><span class="hl-2">)}}</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">div</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;column column--12 column-md--4&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{#</span><span class="hl-10">if</span><span class="hl-2"> </span><span class="hl-9">productSuggestedQueries</span><span class="hl-2">.</span><span class="hl-9">results</span><span class="hl-2">.</span><span class="hl-9">length</span><span class="hl-2">}}</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">span</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete__title autocomplete__title--queries&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">productSuggestedQueries</span><span class="hl-2">.</span><span class="hl-9">title</span><span class="hl-2">}}&lt;/</span><span class="hl-9">span</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">ul</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete__list&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{#</span><span class="hl-9">each</span><span class="hl-2"> </span><span class="hl-9">productSuggestedQueries</span><span class="hl-2">.</span><span class="hl-9">results</span><span class="hl-2">}}</span><br/><span class="hl-2"> &lt;</span><span class="hl-14">li</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">a</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">query</span><span class="hl-2">=</span><span class="hl-7">&quot;{{query}}&quot;</span><span class="hl-2"> </span><span class="hl-9">href</span><span class="hl-2">=</span><span class="hl-7">&quot;{{url}}&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">query</span><span class="hl-2">}}&lt;/</span><span class="hl-9">a</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;/</span><span class="hl-9">li</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{/</span><span class="hl-9">each</span><span class="hl-2">}}</span><br/><span class="hl-2"> &lt;/</span><span class="hl-9">ul</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{/</span><span class="hl-10">if</span><span class="hl-2">}}</span><br/><span class="hl-2"> {{#</span><span class="hl-10">if</span><span class="hl-2"> </span><span class="hl-9">contentSuggestedQueries</span><span class="hl-2">.</span><span class="hl-9">results</span><span class="hl-2">.</span><span class="hl-9">length</span><span class="hl-2">}}</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">span</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete__title autocomplete__title--queries&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">contentSuggestedQueries</span><span class="hl-2">.</span><span class="hl-9">title</span><span class="hl-2">}}&lt;/</span><span class="hl-9">span</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">ul</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete__list&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{#</span><span class="hl-9">each</span><span class="hl-2"> </span><span class="hl-9">contentSuggestedQueries</span><span class="hl-2">.</span><span class="hl-9">results</span><span class="hl-2">}}</span><br/><span class="hl-2"> &lt;</span><span class="hl-14">li</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">a</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">query</span><span class="hl-2">=</span><span class="hl-7">&quot;{{query}}&quot;</span><span class="hl-2"> </span><span class="hl-9">href</span><span class="hl-2">=</span><span class="hl-7">&quot;{{url}}&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">query</span><span class="hl-2">}}&lt;/</span><span class="hl-9">a</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;/</span><span class="hl-9">li</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{/</span><span class="hl-9">each</span><span class="hl-2">}}</span><br/><span class="hl-2"> &lt;/</span><span class="hl-9">ul</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{/</span><span class="hl-10">if</span><span class="hl-2">}}</span><br/><span class="hl-2"> {{#</span><span class="hl-10">if</span><span class="hl-2"> </span><span class="hl-9">categories</span><span class="hl-2">.</span><span class="hl-9">results</span><span class="hl-2">.</span><span class="hl-9">length</span><span class="hl-2">}}</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">span</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete__title autocomplete__title--categories&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">categories</span><span class="hl-2">.</span><span class="hl-9">title</span><span class="hl-2">}}&lt;/</span><span class="hl-9">span</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">ul</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete__list&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{#</span><span class="hl-9">each</span><span class="hl-2"> </span><span class="hl-9">categories</span><span class="hl-2">.</span><span class="hl-9">results</span><span class="hl-2">}}</span><br/><span class="hl-2"> &lt;</span><span class="hl-14">li</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">a</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">category</span><span class="hl-2">-</span><span class="hl-9">field</span><span class="hl-2">=</span><span class="hl-7">&quot;{{field}}&quot;</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">category</span><span class="hl-2">-</span><span class="hl-9">value</span><span class="hl-2">=</span><span class="hl-7">&quot;{{value}}&quot;</span><span class="hl-2"> </span><span class="hl-9">href</span><span class="hl-2">=</span><span class="hl-7">&quot;{{url}}&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">html</span><span class="hl-2"> </span><span class="hl-9">title</span><span class="hl-2">}}&lt;/</span><span class="hl-9">a</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;/</span><span class="hl-9">li</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{/</span><span class="hl-9">each</span><span class="hl-2">}}</span><br/><span class="hl-2"> &lt;/</span><span class="hl-9">ul</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{/</span><span class="hl-10">if</span><span class="hl-2">}}</span><br/><span class="hl-2"> {{#</span><span class="hl-10">if</span><span class="hl-2"> </span><span class="hl-9">content</span><span class="hl-2">.</span><span class="hl-9">results</span><span class="hl-2">.</span><span class="hl-9">length</span><span class="hl-2">}}</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">span</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete__title autocomplete__title--content&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">content</span><span class="hl-2">.</span><span class="hl-9">title</span><span class="hl-2">}}&lt;/</span><span class="hl-9">span</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">ul</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete__list&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{#</span><span class="hl-9">each</span><span class="hl-2"> </span><span class="hl-9">content</span><span class="hl-2">.</span><span class="hl-9">results</span><span class="hl-2">}}</span><br/><span class="hl-2"> &lt;</span><span class="hl-14">li</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">a</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">content</span><span class="hl-2">=</span><span class="hl-7">&quot;{{id}}&quot;</span><span class="hl-2"> </span><span class="hl-9">href</span><span class="hl-2">=</span><span class="hl-7">&quot;{{url}}&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">html</span><span class="hl-2"> </span><span class="hl-9">title</span><span class="hl-2">}}&lt;/</span><span class="hl-9">a</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;/</span><span class="hl-9">li</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{/</span><span class="hl-9">each</span><span class="hl-2">}}</span><br/><span class="hl-2"> &lt;/</span><span class="hl-9">ul</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{/</span><span class="hl-10">if</span><span class="hl-2">}}</span><br/><span class="hl-2"> {{#</span><span class="hl-10">if</span><span class="hl-2"> </span><span class="hl-9">queries</span><span class="hl-2">.</span><span class="hl-9">results</span><span class="hl-2">.</span><span class="hl-9">length</span><span class="hl-2">}}</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">span</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete__title autocomplete__title--queries&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">queries</span><span class="hl-2">.</span><span class="hl-9">title</span><span class="hl-2">}}&lt;/</span><span class="hl-9">span</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">ul</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete__list&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{#</span><span class="hl-9">each</span><span class="hl-2"> </span><span class="hl-9">queries</span><span class="hl-2">.</span><span class="hl-9">results</span><span class="hl-2">}}</span><br/><span class="hl-2"> &lt;</span><span class="hl-14">li</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">a</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">query</span><span class="hl-2">=</span><span class="hl-7">&quot;{{query}}&quot;</span><span class="hl-2"> </span><span class="hl-9">href</span><span class="hl-2">=</span><span class="hl-7">&quot;{{url}}&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">query</span><span class="hl-2">}}&lt;/</span><span class="hl-9">a</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;/</span><span class="hl-9">li</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{/</span><span class="hl-9">each</span><span class="hl-2">}}</span><br/><span class="hl-2"> &lt;/</span><span class="hl-9">ul</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{/</span><span class="hl-10">if</span><span class="hl-2">}}</span><br/><span class="hl-2"> &lt;/</span><span class="hl-9">div</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> {{/</span><span class="hl-10">if</span><span class="hl-2">}}</span><br/><span class="hl-2"> &lt;/</span><span class="hl-9">div</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">div</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;autocomplete__view-all&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">a</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">view</span><span class="hl-2">-</span><span class="hl-9">all</span><span class="hl-2">&gt;{{</span><span class="hl-9">viewAllText</span><span class="hl-2">}}&lt;/</span><span class="hl-9">a</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;/</span><span class="hl-9">div</span><span class="hl-2">&gt;</span><br/><span class="hl-2">&lt;/</span><span class="hl-9">div</span><span class="hl-2">&gt;</span>
92
92
  </code><button>Copy</button></pre>
93
93
  </div>
94
94
  <div class="tsd-comment tsd-typography"></div></section>
@@ -127,6 +127,7 @@
127
127
  <a href="Components.AutocompleteComponent.html#registerHelpers" class="tsd-index-link tsd-is-protected tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>register<wbr/>Helpers</span></a>
128
128
  <a href="Components.AutocompleteComponent.html#render" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>render</span></a>
129
129
  <a href="Components.AutocompleteComponent.html#renderContent" class="tsd-index-link tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>render<wbr/>Content</span></a>
130
+ <a href="Components.AutocompleteComponent.html#triggerEvent" class="tsd-index-link tsd-is-protected tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>trigger<wbr/>Event</span></a>
130
131
  </div></section></div></details></section></section>
131
132
  <section class="tsd-panel-group tsd-member-group">
132
133
  <h2>Properties</h2>
@@ -275,7 +276,26 @@
275
276
  <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><p>Whether the component should be rendered. If <code>false</code>, the component will have empty contents and be set to <code>display: none;</code>.</p>
276
277
 
277
278
  <div class="tsd-comment tsd-typography"></div><aside class="tsd-sources">
278
- <p>Overrides <a href="Components.BaseComponent.html">BaseComponent</a>.<a href="Components.BaseComponent.html#renderContent">renderContent</a></p></aside></li></ul></section></section></div>
279
+ <p>Overrides <a href="Components.BaseComponent.html">BaseComponent</a>.<a href="Components.BaseComponent.html#renderContent">renderContent</a></p></aside></li></ul></section>
280
+ <section class="tsd-panel tsd-member tsd-is-protected tsd-is-inherited"><a id="triggerEvent" class="tsd-anchor"></a>
281
+ <h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagProtected">Protected</code> <span>trigger<wbr/>Event</span><a href="#triggerEvent" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="#icon-anchor"></use></svg></a></h3>
282
+ <ul class="tsd-signatures tsd-is-protected tsd-is-inherited">
283
+ <li class="tsd-signature tsd-anchor-link" id="triggerEvent.triggerEvent-1"><span class="tsd-kind-call-signature">trigger<wbr/>Event</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type tsd-kind-type-parameter">T</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">name</span>, <span class="tsd-kind-parameter">data</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span><a href="#triggerEvent.triggerEvent-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="#icon-anchor"></use></svg></a></li>
284
+ <li class="tsd-description">
285
+ <section class="tsd-panel">
286
+ <h4>Type Parameters</h4>
287
+ <ul class="tsd-type-parameter-list">
288
+ <li>
289
+ <h4><span class="tsd-kind-type-parameter">T</span></h4></li></ul></section>
290
+ <div class="tsd-parameters">
291
+ <h4 class="tsd-parameters-title">Parameters</h4>
292
+ <ul class="tsd-parameter-list">
293
+ <li>
294
+ <h5><span class="tsd-kind-parameter">name</span>: <span class="tsd-signature-type">string</span></h5></li>
295
+ <li>
296
+ <h5><span class="tsd-kind-parameter">data</span>: <span class="tsd-signature-type tsd-kind-type-parameter">T</span></h5></li></ul></div>
297
+ <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
298
+ <p>Inherited from <a href="Components.BaseComponent.html">BaseComponent</a>.<a href="Components.BaseComponent.html#triggerEvent">triggerEvent</a></p></aside></li></ul></section></section></div>
279
299
  <div class="col-sidebar">
280
300
  <div class="page-menu">
281
301
  <div class="tsd-navigation settings">
@@ -323,7 +343,8 @@
323
343
  <li><a href="#onRender" class="tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>on<wbr/>Render</span></a></li>
324
344
  <li><a href="#registerHelpers" class="tsd-is-protected tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>register<wbr/>Helpers</span></a></li>
325
345
  <li><a href="#render" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>render</span></a></li>
326
- <li><a href="#renderContent" class="tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>render<wbr/>Content</span></a></li></ul></div></details></div>
346
+ <li><a href="#renderContent" class="tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>render<wbr/>Content</span></a></li>
347
+ <li><a href="#triggerEvent" class="tsd-is-protected tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>trigger<wbr/>Event</span></a></li></ul></div></details></div>
327
348
  <div class="site-menu">
328
349
  <nav class="tsd-navigation"><a href="../index.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><g id="icon-4"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-namespace)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6"></rect><path d="M9.33 16V7.24H10.77L13.446 14.74C13.43 14.54 13.41 14.296 13.386 14.008C13.37 13.712 13.354 13.404 13.338 13.084C13.33 12.756 13.326 12.448 13.326 12.16V7.24H14.37V16H12.93L10.266 8.5C10.282 8.692 10.298 8.936 10.314 9.232C10.33 9.52 10.342 9.828 10.35 10.156C10.366 10.476 10.374 10.784 10.374 11.08V16H9.33Z" fill="var(--color-text)"></path></g></svg><span>@bridgeline-<wbr/>digital/hawksearch-<wbr/>handlebars-<wbr/>ui</span></a>
329
350
  <ul class="tsd-small-nested-navigation">
@@ -376,6 +397,7 @@
376
397
  <li><a href="Components.SortingComponent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-128"></use></svg><span>Sorting<wbr/>Component</span></a></li>
377
398
  <li><a href="Components.TabsComponent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-128"></use></svg><span>Tabs<wbr/>Component</span></a></li>
378
399
  <li><a href="Components.TooltipComponent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-128"></use></svg><span>Tooltip<wbr/>Component</span></a></li>
400
+ <li><a href="Components.UnifiedSearchFieldComponent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-128"></use></svg><span>Unified<wbr/>Search<wbr/>Field<wbr/>Component</span></a></li>
379
401
  <li><a href="Components.VariantSelectorComponent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-128"></use></svg><span>Variant<wbr/>Selector<wbr/>Component</span></a></li>
380
402
  <li><a href="Components.VisualSearchFieldComponent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-128"></use></svg><span>Visual<wbr/>Search<wbr/>Field<wbr/>Component</span></a></li></ul></div></details></li>
381
403
  <li><a href="../modules/Configuration.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-4"></use></svg><span>Configuration</span></a></li>
package/docs/classes/Components.BaseComponent.html CHANGED
@@ -71,6 +71,7 @@
71
71
  <li><a href="Components.SmartResponseComponent.html" class="tsd-signature-type tsd-kind-class">SmartResponseComponent</a></li>
72
72
  <li><a href="Components.SortingComponent.html" class="tsd-signature-type tsd-kind-class">SortingComponent</a></li>
73
73
  <li><a href="Components.TabsComponent.html" class="tsd-signature-type tsd-kind-class">TabsComponent</a></li>
74
+ <li><a href="Components.UnifiedSearchFieldComponent.html" class="tsd-signature-type tsd-kind-class">UnifiedSearchFieldComponent</a></li>
74
75
  <li><a href="Components.VisualSearchFieldComponent.html" class="tsd-signature-type tsd-kind-class">VisualSearchFieldComponent</a></li>
75
76
  <li><a href="Components.VariantSelectorComponent.html" class="tsd-signature-type tsd-kind-class">VariantSelectorComponent</a></li></ul></li></ul></li></ul></section>
76
77
  <section class="tsd-panel-group tsd-index-group">
@@ -98,6 +99,7 @@
98
99
  <a href="Components.BaseComponent.html#registerHelpers" class="tsd-index-link tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>register<wbr/>Helpers</span></a>
99
100
  <a href="Components.BaseComponent.html#render" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>render</span></a>
100
101
  <a href="Components.BaseComponent.html#renderContent" class="tsd-index-link tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>render<wbr/>Content</span></a>
102
+ <a href="Components.BaseComponent.html#triggerEvent" class="tsd-index-link tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>trigger<wbr/>Event</span></a>
101
103
  </div></section></div></details></section></section>
102
104
  <section class="tsd-panel-group tsd-member-group">
103
105
  <h2>Properties</h2>
@@ -215,7 +217,25 @@
215
217
  </div>
216
218
  <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><p>Whether the component should be rendered. If <code>false</code>, the component will have empty contents and be set to <code>display: none;</code>.</p>
217
219
 
218
- <div class="tsd-comment tsd-typography"></div></li></ul></section></section></div>
220
+ <div class="tsd-comment tsd-typography"></div></li></ul></section>
221
+ <section class="tsd-panel tsd-member tsd-is-protected"><a id="triggerEvent" class="tsd-anchor"></a>
222
+ <h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagProtected">Protected</code> <span>trigger<wbr/>Event</span><a href="#triggerEvent" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="#icon-anchor"></use></svg></a></h3>
223
+ <ul class="tsd-signatures tsd-is-protected">
224
+ <li class="tsd-signature tsd-anchor-link" id="triggerEvent.triggerEvent-1"><span class="tsd-kind-call-signature">trigger<wbr/>Event</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type tsd-kind-type-parameter">T</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">name</span>, <span class="tsd-kind-parameter">data</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span><a href="#triggerEvent.triggerEvent-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="#icon-anchor"></use></svg></a></li>
225
+ <li class="tsd-description">
226
+ <section class="tsd-panel">
227
+ <h4>Type Parameters</h4>
228
+ <ul class="tsd-type-parameter-list">
229
+ <li>
230
+ <h4><span class="tsd-kind-type-parameter">T</span></h4></li></ul></section>
231
+ <div class="tsd-parameters">
232
+ <h4 class="tsd-parameters-title">Parameters</h4>
233
+ <ul class="tsd-parameter-list">
234
+ <li>
235
+ <h5><span class="tsd-kind-parameter">name</span>: <span class="tsd-signature-type">string</span></h5></li>
236
+ <li>
237
+ <h5><span class="tsd-kind-parameter">data</span>: <span class="tsd-signature-type tsd-kind-type-parameter">T</span></h5></li></ul></div>
238
+ <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section></section></div>
219
239
  <div class="col-sidebar">
220
240
  <div class="page-menu">
221
241
  <div class="tsd-navigation settings">
@@ -245,7 +265,8 @@
245
265
  <li><a href="#onRender" class="tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>on<wbr/>Render</span></a></li>
246
266
  <li><a href="#registerHelpers" class="tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>register<wbr/>Helpers</span></a></li>
247
267
  <li><a href="#render" class=""><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>render</span></a></li>
248
- <li><a href="#renderContent" class="tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>render<wbr/>Content</span></a></li></ul></div></details></div>
268
+ <li><a href="#renderContent" class="tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>render<wbr/>Content</span></a></li>
269
+ <li><a href="#triggerEvent" class="tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>trigger<wbr/>Event</span></a></li></ul></div></details></div>
249
270
  <div class="site-menu">
250
271
  <nav class="tsd-navigation"><a href="../index.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><g id="icon-4"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-namespace)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6"></rect><path d="M9.33 16V7.24H10.77L13.446 14.74C13.43 14.54 13.41 14.296 13.386 14.008C13.37 13.712 13.354 13.404 13.338 13.084C13.33 12.756 13.326 12.448 13.326 12.16V7.24H14.37V16H12.93L10.266 8.5C10.282 8.692 10.298 8.936 10.314 9.232C10.33 9.52 10.342 9.828 10.35 10.156C10.366 10.476 10.374 10.784 10.374 11.08V16H9.33Z" fill="var(--color-text)"></path></g></svg><span>@bridgeline-<wbr/>digital/hawksearch-<wbr/>handlebars-<wbr/>ui</span></a>
251
272
  <ul class="tsd-small-nested-navigation">
@@ -298,6 +319,7 @@
298
319
  <li><a href="Components.SortingComponent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-128"></use></svg><span>Sorting<wbr/>Component</span></a></li>
299
320
  <li><a href="Components.TabsComponent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-128"></use></svg><span>Tabs<wbr/>Component</span></a></li>
300
321
  <li><a href="Components.TooltipComponent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-128"></use></svg><span>Tooltip<wbr/>Component</span></a></li>
322
+ <li><a href="Components.UnifiedSearchFieldComponent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-128"></use></svg><span>Unified<wbr/>Search<wbr/>Field<wbr/>Component</span></a></li>
301
323
  <li><a href="Components.VariantSelectorComponent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-128"></use></svg><span>Variant<wbr/>Selector<wbr/>Component</span></a></li>
302
324
  <li><a href="Components.VisualSearchFieldComponent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-128"></use></svg><span>Visual<wbr/>Search<wbr/>Field<wbr/>Component</span></a></li></ul></div></details></li>
303
325
  <li><a href="../modules/Configuration.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-4"></use></svg><span>Configuration</span></a></li>
package/docs/classes/Components.BaseContentComponent.html CHANGED
@@ -62,6 +62,7 @@
62
62
  <a href="Components.BaseContentComponent.html#registerHelpers" class="tsd-index-link tsd-is-protected tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>register<wbr/>Helpers</span></a>
63
63
  <a href="Components.BaseContentComponent.html#render" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>render</span></a>
64
64
  <a href="Components.BaseContentComponent.html#renderContent" class="tsd-index-link tsd-is-protected tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>render<wbr/>Content</span></a>
65
+ <a href="Components.BaseContentComponent.html#triggerEvent" class="tsd-index-link tsd-is-protected tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>trigger<wbr/>Event</span></a>
65
66
  </div></section></div></details></section></section>
66
67
  <section class="tsd-panel-group tsd-member-group">
67
68
  <h2>Properties</h2>
@@ -195,7 +196,26 @@
195
196
  <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><p>Whether the component should be rendered. If <code>false</code>, the component will have empty contents and be set to <code>display: none;</code>.</p>
196
197
 
197
198
  <div class="tsd-comment tsd-typography"></div><aside class="tsd-sources">
198
- <p>Inherited from <a href="Components.BaseComponent.html">BaseComponent</a>.<a href="Components.BaseComponent.html#renderContent">renderContent</a></p></aside></li></ul></section></section></div>
199
+ <p>Inherited from <a href="Components.BaseComponent.html">BaseComponent</a>.<a href="Components.BaseComponent.html#renderContent">renderContent</a></p></aside></li></ul></section>
200
+ <section class="tsd-panel tsd-member tsd-is-protected tsd-is-inherited"><a id="triggerEvent" class="tsd-anchor"></a>
201
+ <h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagProtected">Protected</code> <span>trigger<wbr/>Event</span><a href="#triggerEvent" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="#icon-anchor"></use></svg></a></h3>
202
+ <ul class="tsd-signatures tsd-is-protected tsd-is-inherited">
203
+ <li class="tsd-signature tsd-anchor-link" id="triggerEvent.triggerEvent-1"><span class="tsd-kind-call-signature">trigger<wbr/>Event</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type tsd-kind-type-parameter">T</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">name</span>, <span class="tsd-kind-parameter">data</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span><a href="#triggerEvent.triggerEvent-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="#icon-anchor"></use></svg></a></li>
204
+ <li class="tsd-description">
205
+ <section class="tsd-panel">
206
+ <h4>Type Parameters</h4>
207
+ <ul class="tsd-type-parameter-list">
208
+ <li>
209
+ <h4><span class="tsd-kind-type-parameter">T</span></h4></li></ul></section>
210
+ <div class="tsd-parameters">
211
+ <h4 class="tsd-parameters-title">Parameters</h4>
212
+ <ul class="tsd-parameter-list">
213
+ <li>
214
+ <h5><span class="tsd-kind-parameter">name</span>: <span class="tsd-signature-type">string</span></h5></li>
215
+ <li>
216
+ <h5><span class="tsd-kind-parameter">data</span>: <span class="tsd-signature-type tsd-kind-type-parameter">T</span></h5></li></ul></div>
217
+ <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
218
+ <p>Inherited from <a href="Components.BaseComponent.html">BaseComponent</a>.<a href="Components.BaseComponent.html#triggerEvent">triggerEvent</a></p></aside></li></ul></section></section></div>
199
219
  <div class="col-sidebar">
200
220
  <div class="page-menu">
201
221
  <div class="tsd-navigation settings">
@@ -226,7 +246,8 @@
226
246
  <li><a href="#onRender" class="tsd-is-protected tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>on<wbr/>Render</span></a></li>
227
247
  <li><a href="#registerHelpers" class="tsd-is-protected tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>register<wbr/>Helpers</span></a></li>
228
248
  <li><a href="#render" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>render</span></a></li>
229
- <li><a href="#renderContent" class="tsd-is-protected tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>render<wbr/>Content</span></a></li></ul></div></details></div>
249
+ <li><a href="#renderContent" class="tsd-is-protected tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>render<wbr/>Content</span></a></li>
250
+ <li><a href="#triggerEvent" class="tsd-is-protected tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>trigger<wbr/>Event</span></a></li></ul></div></details></div>
230
251
  <div class="site-menu">
231
252
  <nav class="tsd-navigation"><a href="../index.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><g id="icon-4"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-namespace)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6"></rect><path d="M9.33 16V7.24H10.77L13.446 14.74C13.43 14.54 13.41 14.296 13.386 14.008C13.37 13.712 13.354 13.404 13.338 13.084C13.33 12.756 13.326 12.448 13.326 12.16V7.24H14.37V16H12.93L10.266 8.5C10.282 8.692 10.298 8.936 10.314 9.232C10.33 9.52 10.342 9.828 10.35 10.156C10.366 10.476 10.374 10.784 10.374 11.08V16H9.33Z" fill="var(--color-text)"></path></g></svg><span>@bridgeline-<wbr/>digital/hawksearch-<wbr/>handlebars-<wbr/>ui</span></a>
232
253
  <ul class="tsd-small-nested-navigation">
@@ -279,6 +300,7 @@
279
300
  <li><a href="Components.SortingComponent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-128"></use></svg><span>Sorting<wbr/>Component</span></a></li>
280
301
  <li><a href="Components.TabsComponent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-128"></use></svg><span>Tabs<wbr/>Component</span></a></li>
281
302
  <li><a href="Components.TooltipComponent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-128"></use></svg><span>Tooltip<wbr/>Component</span></a></li>
303
+ <li><a href="Components.UnifiedSearchFieldComponent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-128"></use></svg><span>Unified<wbr/>Search<wbr/>Field<wbr/>Component</span></a></li>
282
304
  <li><a href="Components.VariantSelectorComponent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-128"></use></svg><span>Variant<wbr/>Selector<wbr/>Component</span></a></li>
283
305
  <li><a href="Components.VisualSearchFieldComponent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-128"></use></svg><span>Visual<wbr/>Search<wbr/>Field<wbr/>Component</span></a></li></ul></div></details></li>
284
306
  <li><a href="../modules/Configuration.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-4"></use></svg><span>Configuration</span></a></li>
package/docs/classes/Components.BaseFacetComponent.html CHANGED
@@ -126,6 +126,7 @@
126
126
  <a href="Components.BaseFacetComponent.html#registerHelpers" class="tsd-index-link tsd-is-protected tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>register<wbr/>Helpers</span></a>
127
127
  <a href="Components.BaseFacetComponent.html#render" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>render</span></a>
128
128
  <a href="Components.BaseFacetComponent.html#renderContent" class="tsd-index-link tsd-is-protected tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>render<wbr/>Content</span></a>
129
+ <a href="Components.BaseFacetComponent.html#triggerEvent" class="tsd-index-link tsd-is-protected tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>trigger<wbr/>Event</span></a>
129
130
  </div></section></div></details></section></section>
130
131
  <section class="tsd-panel-group tsd-member-group">
131
132
  <h2>Properties</h2>
@@ -262,7 +263,26 @@
262
263
  <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><p>Whether the component should be rendered. If <code>false</code>, the component will have empty contents and be set to <code>display: none;</code>.</p>
263
264
 
264
265
  <div class="tsd-comment tsd-typography"></div><aside class="tsd-sources">
265
- <p>Inherited from <a href="Components.BaseComponent.html">BaseComponent</a>.<a href="Components.BaseComponent.html#renderContent">renderContent</a></p></aside></li></ul></section></section></div>
266
+ <p>Inherited from <a href="Components.BaseComponent.html">BaseComponent</a>.<a href="Components.BaseComponent.html#renderContent">renderContent</a></p></aside></li></ul></section>
267
+ <section class="tsd-panel tsd-member tsd-is-protected tsd-is-inherited"><a id="triggerEvent" class="tsd-anchor"></a>
268
+ <h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagProtected">Protected</code> <span>trigger<wbr/>Event</span><a href="#triggerEvent" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="#icon-anchor"></use></svg></a></h3>
269
+ <ul class="tsd-signatures tsd-is-protected tsd-is-inherited">
270
+ <li class="tsd-signature tsd-anchor-link" id="triggerEvent.triggerEvent-1"><span class="tsd-kind-call-signature">trigger<wbr/>Event</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type tsd-kind-type-parameter">T</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">name</span>, <span class="tsd-kind-parameter">data</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span><a href="#triggerEvent.triggerEvent-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="#icon-anchor"></use></svg></a></li>
271
+ <li class="tsd-description">
272
+ <section class="tsd-panel">
273
+ <h4>Type Parameters</h4>
274
+ <ul class="tsd-type-parameter-list">
275
+ <li>
276
+ <h4><span class="tsd-kind-type-parameter">T</span></h4></li></ul></section>
277
+ <div class="tsd-parameters">
278
+ <h4 class="tsd-parameters-title">Parameters</h4>
279
+ <ul class="tsd-parameter-list">
280
+ <li>
281
+ <h5><span class="tsd-kind-parameter">name</span>: <span class="tsd-signature-type">string</span></h5></li>
282
+ <li>
283
+ <h5><span class="tsd-kind-parameter">data</span>: <span class="tsd-signature-type tsd-kind-type-parameter">T</span></h5></li></ul></div>
284
+ <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
285
+ <p>Inherited from <a href="Components.BaseComponent.html">BaseComponent</a>.<a href="Components.BaseComponent.html#triggerEvent">triggerEvent</a></p></aside></li></ul></section></section></div>
266
286
  <div class="col-sidebar">
267
287
  <div class="page-menu">
268
288
  <div class="tsd-navigation settings">
@@ -297,7 +317,8 @@
297
317
  <li><a href="#onRender" class="tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>on<wbr/>Render</span></a></li>
298
318
  <li><a href="#registerHelpers" class="tsd-is-protected tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>register<wbr/>Helpers</span></a></li>
299
319
  <li><a href="#render" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>render</span></a></li>
300
- <li><a href="#renderContent" class="tsd-is-protected tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>render<wbr/>Content</span></a></li></ul></div></details></div>
320
+ <li><a href="#renderContent" class="tsd-is-protected tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>render<wbr/>Content</span></a></li>
321
+ <li><a href="#triggerEvent" class="tsd-is-protected tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2048"></use></svg><span>trigger<wbr/>Event</span></a></li></ul></div></details></div>
301
322
  <div class="site-menu">
302
323
  <nav class="tsd-navigation"><a href="../index.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><g id="icon-4"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-namespace)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6"></rect><path d="M9.33 16V7.24H10.77L13.446 14.74C13.43 14.54 13.41 14.296 13.386 14.008C13.37 13.712 13.354 13.404 13.338 13.084C13.33 12.756 13.326 12.448 13.326 12.16V7.24H14.37V16H12.93L10.266 8.5C10.282 8.692 10.298 8.936 10.314 9.232C10.33 9.52 10.342 9.828 10.35 10.156C10.366 10.476 10.374 10.784 10.374 11.08V16H9.33Z" fill="var(--color-text)"></path></g></svg><span>@bridgeline-<wbr/>digital/hawksearch-<wbr/>handlebars-<wbr/>ui</span></a>
303
324
  <ul class="tsd-small-nested-navigation">
@@ -350,6 +371,7 @@
350
371
  <li><a href="Components.SortingComponent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-128"></use></svg><span>Sorting<wbr/>Component</span></a></li>
351
372
  <li><a href="Components.TabsComponent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-128"></use></svg><span>Tabs<wbr/>Component</span></a></li>
352
373
  <li><a href="Components.TooltipComponent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-128"></use></svg><span>Tooltip<wbr/>Component</span></a></li>
374
+ <li><a href="Components.UnifiedSearchFieldComponent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-128"></use></svg><span>Unified<wbr/>Search<wbr/>Field<wbr/>Component</span></a></li>
353
375
  <li><a href="Components.VariantSelectorComponent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-128"></use></svg><span>Variant<wbr/>Selector<wbr/>Component</span></a></li>
354
376
  <li><a href="Components.VisualSearchFieldComponent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-128"></use></svg><span>Visual<wbr/>Search<wbr/>Field<wbr/>Component</span></a></li></ul></div></details></li>
355
377
  <li><a href="../modules/Configuration.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-4"></use></svg><span>Configuration</span></a></li>