@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.SearchResultsItemComponent.html CHANGED
@@ -47,7 +47,7 @@
47
47
  </tbody></table>
48
48
  <p>Anchor elements with this attribute will be tracked when clicked.</p>
49
49
  <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>
50
- <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;search-results-list__item search-results-list__item--{{type}}&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">pinned</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;search-results-list__item__pin&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">icon</span><span class="hl-2"> </span><span class="hl-9">name</span><span class="hl-2">=</span><span class="hl-7">&quot;star&quot;</span><span class="hl-2">&gt;&lt;/</span><span class="hl-13">hawksearch</span><span class="hl-2">-</span><span class="hl-13">icon</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><br/><span class="hl-2"> {{#</span><span class="hl-10">if</span><span class="hl-2"> (</span><span class="hl-9">eq</span><span class="hl-2"> </span><span class="hl-9">type</span><span class="hl-2"> </span><span class="hl-7">&quot;product&quot;</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">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;search-results-list__item__sale-indicator&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">strings</span><span class="hl-2">.</span><span class="hl-9">sale</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">a</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">link</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;search-results-list__item__image&quot;</span><span class="hl-2"> </span><span class="hl-9">aria</span><span class="hl-2">-</span><span class="hl-9">label</span><span class="hl-2">=</span><span class="hl-7">&quot;{{title}}&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">div</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;search-results-list__item__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">link</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">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">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><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;search-results-list__item__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;search-results-list__item__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;search-results-list__item__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;search-results-list__item__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"> {{</span><span class="hl-10">else</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;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">imageUrl</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">a</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">link</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><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">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"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;column column--12 column-sm--8 flex-align-self-sm-center&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;search-results-list__item__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">link</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">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">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><span class="hl-9">description</span><span class="hl-2">}}</span><br/><span class="hl-2"> &lt;</span><span class="hl-13">p</span><span class="hl-2">&gt;{{</span><span class="hl-9">description</span><span class="hl-2">}}&lt;/</span><span class="hl-9">p</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">&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>
50
+ <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;search-results-list__item search-results-list__item--{{type}}&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">pinned</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;search-results-list__item__pin&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">icon</span><span class="hl-2"> </span><span class="hl-9">name</span><span class="hl-2">=</span><span class="hl-7">&quot;star&quot;</span><span class="hl-2">&gt;&lt;/</span><span class="hl-14">hawksearch</span><span class="hl-2">-</span><span class="hl-14">icon</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><br/><span class="hl-2"> {{#</span><span class="hl-10">if</span><span class="hl-2"> (</span><span class="hl-9">eq</span><span class="hl-2"> </span><span class="hl-9">type</span><span class="hl-2"> </span><span class="hl-7">&quot;product&quot;</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">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;search-results-list__item__sale-indicator&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">strings</span><span class="hl-2">.</span><span class="hl-9">sale</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">a</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">link</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;search-results-list__item__image&quot;</span><span class="hl-2"> </span><span class="hl-9">aria</span><span class="hl-2">-</span><span class="hl-9">label</span><span class="hl-2">=</span><span class="hl-7">&quot;{{title}}&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">div</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;search-results-list__item__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">link</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">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">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><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;search-results-list__item__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;search-results-list__item__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;search-results-list__item__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;search-results-list__item__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"> {{</span><span class="hl-10">else</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;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">imageUrl</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">a</span><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">link</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><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">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"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;column column--12 column-sm--8 flex-align-self-sm-center&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;search-results-list__item__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">link</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">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">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><span class="hl-9">description</span><span class="hl-2">}}</span><br/><span class="hl-2"> &lt;</span><span class="hl-14">p</span><span class="hl-2">&gt;{{</span><span class="hl-9">description</span><span class="hl-2">}}&lt;/</span><span class="hl-9">p</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">&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>
51
51
  </code><button>Copy</button></pre>
52
52
  </div>
53
53
  <div class="tsd-comment tsd-typography"></div></section>
@@ -86,6 +86,7 @@
86
86
  <a href="Components.SearchResultsItemComponent.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>
87
87
  <a href="Components.SearchResultsItemComponent.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>
88
88
  <a href="Components.SearchResultsItemComponent.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>
89
+ <a href="Components.SearchResultsItemComponent.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>
89
90
  </div></section></div></details></section></section>
90
91
  <section class="tsd-panel-group tsd-member-group">
91
92
  <h2>Properties</h2>
@@ -234,7 +235,26 @@
234
235
  <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>
235
236
 
236
237
  <div class="tsd-comment tsd-typography"></div><aside class="tsd-sources">
237
- <p>Overrides <a href="Components.BaseComponent.html">BaseComponent</a>.<a href="Components.BaseComponent.html#renderContent">renderContent</a></p></aside></li></ul></section></section></div>
238
+ <p>Overrides <a href="Components.BaseComponent.html">BaseComponent</a>.<a href="Components.BaseComponent.html#renderContent">renderContent</a></p></aside></li></ul></section>
239
+ <section class="tsd-panel tsd-member tsd-is-protected tsd-is-inherited"><a id="triggerEvent" class="tsd-anchor"></a>
240
+ <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>
241
+ <ul class="tsd-signatures tsd-is-protected tsd-is-inherited">
242
+ <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>
243
+ <li class="tsd-description">
244
+ <section class="tsd-panel">
245
+ <h4>Type Parameters</h4>
246
+ <ul class="tsd-type-parameter-list">
247
+ <li>
248
+ <h4><span class="tsd-kind-type-parameter">T</span></h4></li></ul></section>
249
+ <div class="tsd-parameters">
250
+ <h4 class="tsd-parameters-title">Parameters</h4>
251
+ <ul class="tsd-parameter-list">
252
+ <li>
253
+ <h5><span class="tsd-kind-parameter">name</span>: <span class="tsd-signature-type">string</span></h5></li>
254
+ <li>
255
+ <h5><span class="tsd-kind-parameter">data</span>: <span class="tsd-signature-type tsd-kind-type-parameter">T</span></h5></li></ul></div>
256
+ <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
257
+ <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>
238
258
  <div class="col-sidebar">
239
259
  <div class="page-menu">
240
260
  <div class="tsd-navigation settings">
@@ -275,7 +295,8 @@
275
295
  <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>
276
296
  <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>
277
297
  <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>
278
- <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>
298
+ <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>
299
+ <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>
279
300
  <div class="site-menu">
280
301
  <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>
281
302
  <ul class="tsd-small-nested-navigation">
@@ -328,6 +349,7 @@
328
349
  <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>
329
350
  <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>
330
351
  <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>
352
+ <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>
331
353
  <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>
332
354
  <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>
333
355
  <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.SearchResultsListComponent.html CHANGED
@@ -20,7 +20,7 @@
20
20
  <div class="tsd-comment tsd-typography"><p>The Search Results List component is a wrapper around a group of <a href="Components.SearchResultsItemComponent.html" class="tsd-kind-class">Search Results Item</a> components.</p>
21
21
  <a id="md:tag" class="tsd-anchor"></a><h2><a href="#md:tag">Tag</a></h2><p>The tag for this component is <code>&lt;hawksearch-search-results-list&gt;</code>.</p>
22
22
  <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>
23
- <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;row search-results-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">items</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">eq</span><span class="hl-2"> </span><span class="hl-9">type</span><span class="hl-2"> </span><span class="hl-7">&quot;content&quot;</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&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">search</span><span class="hl-2">-</span><span class="hl-9">results</span><span class="hl-2">-</span><span class="hl-9">item</span><span class="hl-2">&gt;&lt;/</span><span class="hl-13">hawksearch</span><span class="hl-2">-</span><span class="hl-13">search</span><span class="hl-2">-</span><span class="hl-13">results</span><span class="hl-2">-</span><span class="hl-13">item</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">else</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--6 column-lg--4&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">search</span><span class="hl-2">-</span><span class="hl-9">results</span><span class="hl-2">-</span><span class="hl-9">item</span><span class="hl-2">&gt;&lt;/</span><span class="hl-13">hawksearch</span><span class="hl-2">-</span><span class="hl-13">search</span><span class="hl-2">-</span><span class="hl-13">results</span><span class="hl-2">-</span><span class="hl-13">item</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-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>
23
+ <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;row search-results-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">items</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">eq</span><span class="hl-2"> </span><span class="hl-9">type</span><span class="hl-2"> </span><span class="hl-7">&quot;content&quot;</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&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">search</span><span class="hl-2">-</span><span class="hl-9">results</span><span class="hl-2">-</span><span class="hl-9">item</span><span class="hl-2">&gt;&lt;/</span><span class="hl-14">hawksearch</span><span class="hl-2">-</span><span class="hl-14">search</span><span class="hl-2">-</span><span class="hl-14">results</span><span class="hl-2">-</span><span class="hl-14">item</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">else</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--6 column-lg--4&quot;</span><span class="hl-2">&gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">search</span><span class="hl-2">-</span><span class="hl-9">results</span><span class="hl-2">-</span><span class="hl-9">item</span><span class="hl-2">&gt;&lt;/</span><span class="hl-14">hawksearch</span><span class="hl-2">-</span><span class="hl-14">search</span><span class="hl-2">-</span><span class="hl-14">results</span><span class="hl-2">-</span><span class="hl-14">item</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-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>
24
24
  </code><button>Copy</button></pre>
25
25
  </div>
26
26
  <div class="tsd-comment tsd-typography"></div></section>
@@ -59,6 +59,7 @@
59
59
  <a href="Components.SearchResultsListComponent.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>
60
60
  <a href="Components.SearchResultsListComponent.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>
61
61
  <a href="Components.SearchResultsListComponent.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>
62
+ <a href="Components.SearchResultsListComponent.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>
62
63
  </div></section></div></details></section></section>
63
64
  <section class="tsd-panel-group tsd-member-group">
64
65
  <h2>Properties</h2>
@@ -207,7 +208,26 @@
207
208
  <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>
208
209
 
209
210
  <div class="tsd-comment tsd-typography"></div><aside class="tsd-sources">
210
- <p>Overrides <a href="Components.BaseComponent.html">BaseComponent</a>.<a href="Components.BaseComponent.html#renderContent">renderContent</a></p></aside></li></ul></section></section></div>
211
+ <p>Overrides <a href="Components.BaseComponent.html">BaseComponent</a>.<a href="Components.BaseComponent.html#renderContent">renderContent</a></p></aside></li></ul></section>
212
+ <section class="tsd-panel tsd-member tsd-is-protected tsd-is-inherited"><a id="triggerEvent" class="tsd-anchor"></a>
213
+ <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>
214
+ <ul class="tsd-signatures tsd-is-protected tsd-is-inherited">
215
+ <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>
216
+ <li class="tsd-description">
217
+ <section class="tsd-panel">
218
+ <h4>Type Parameters</h4>
219
+ <ul class="tsd-type-parameter-list">
220
+ <li>
221
+ <h4><span class="tsd-kind-type-parameter">T</span></h4></li></ul></section>
222
+ <div class="tsd-parameters">
223
+ <h4 class="tsd-parameters-title">Parameters</h4>
224
+ <ul class="tsd-parameter-list">
225
+ <li>
226
+ <h5><span class="tsd-kind-parameter">name</span>: <span class="tsd-signature-type">string</span></h5></li>
227
+ <li>
228
+ <h5><span class="tsd-kind-parameter">data</span>: <span class="tsd-signature-type tsd-kind-type-parameter">T</span></h5></li></ul></div>
229
+ <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
230
+ <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>
211
231
  <div class="col-sidebar">
212
232
  <div class="page-menu">
213
233
  <div class="tsd-navigation settings">
@@ -247,7 +267,8 @@
247
267
  <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>
248
268
  <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>
249
269
  <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>
250
- <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>
270
+ <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>
271
+ <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>
251
272
  <div class="site-menu">
252
273
  <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>
253
274
  <ul class="tsd-small-nested-navigation">
@@ -300,6 +321,7 @@
300
321
  <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>
301
322
  <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>
302
323
  <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>
324
+ <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>
303
325
  <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>
304
326
  <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>
305
327
  <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.SearchWithinFacetComponent.html CHANGED
@@ -73,6 +73,7 @@
73
73
  <a href="Components.SearchWithinFacetComponent.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>
74
74
  <a href="Components.SearchWithinFacetComponent.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>
75
75
  <a href="Components.SearchWithinFacetComponent.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>
76
+ <a href="Components.SearchWithinFacetComponent.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>
76
77
  </div></section></div></details></section></section>
77
78
  <section class="tsd-panel-group tsd-member-group">
78
79
  <h2>Properties</h2>
@@ -225,7 +226,26 @@
225
226
  <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>
226
227
 
227
228
  <div class="tsd-comment tsd-typography"></div><aside class="tsd-sources">
228
- <p>Overrides <a href="Components.BaseFacetComponent.html">BaseFacetComponent</a>.<a href="Components.BaseFacetComponent.html#renderContent">renderContent</a></p></aside></li></ul></section></section></div>
229
+ <p>Overrides <a href="Components.BaseFacetComponent.html">BaseFacetComponent</a>.<a href="Components.BaseFacetComponent.html#renderContent">renderContent</a></p></aside></li></ul></section>
230
+ <section class="tsd-panel tsd-member tsd-is-protected tsd-is-inherited"><a id="triggerEvent" class="tsd-anchor"></a>
231
+ <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>
232
+ <ul class="tsd-signatures tsd-is-protected tsd-is-inherited">
233
+ <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>
234
+ <li class="tsd-description">
235
+ <section class="tsd-panel">
236
+ <h4>Type Parameters</h4>
237
+ <ul class="tsd-type-parameter-list">
238
+ <li>
239
+ <h4><span class="tsd-kind-type-parameter">T</span></h4></li></ul></section>
240
+ <div class="tsd-parameters">
241
+ <h4 class="tsd-parameters-title">Parameters</h4>
242
+ <ul class="tsd-parameter-list">
243
+ <li>
244
+ <h5><span class="tsd-kind-parameter">name</span>: <span class="tsd-signature-type">string</span></h5></li>
245
+ <li>
246
+ <h5><span class="tsd-kind-parameter">data</span>: <span class="tsd-signature-type tsd-kind-type-parameter">T</span></h5></li></ul></div>
247
+ <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
248
+ <p>Inherited from <a href="Components.BaseFacetComponent.html">BaseFacetComponent</a>.<a href="Components.BaseFacetComponent.html#triggerEvent">triggerEvent</a></p></aside></li></ul></section></section></div>
229
249
  <div class="col-sidebar">
230
250
  <div class="page-menu">
231
251
  <div class="tsd-navigation settings">
@@ -267,7 +287,8 @@
267
287
  <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>
268
288
  <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>
269
289
  <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>
270
- <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>
290
+ <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>
291
+ <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>
271
292
  <div class="site-menu">
272
293
  <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>
273
294
  <ul class="tsd-small-nested-navigation">
@@ -320,6 +341,7 @@
320
341
  <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>
321
342
  <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>
322
343
  <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>
344
+ <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>
323
345
  <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>
324
346
  <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>
325
347
  <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.SelectedFacetsComponent.html CHANGED
@@ -37,7 +37,7 @@
37
37
  </tbody></table>
38
38
  <p>When an element with both of these attributes is clicked, that facet selection will be removed and the search results will be updated.</p>
39
39
  <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>
40
- <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;flex-gap flex-gap--xs selected-facets&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">selections</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;selected-facets__item&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;selected-facets__item__field&quot;</span><span class="hl-2">&gt;{{</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">span</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;selected-facets__item__value{{attribute &#39; selected-facets__item__value--excluded&#39; excluded}}&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">selectionTitle</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">a</span><br/><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">facet</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><br/><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">facet</span><span class="hl-2">-</span><span class="hl-9">value</span><span class="hl-2">=</span><span class="hl-7">&quot;{{selectionValue}}&quot;</span><br/><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;selected-facets__item__remove&quot;</span><br/><span class="hl-2"> </span><span class="hl-9">title</span><span class="hl-2">=</span><span class="hl-7">&quot;{{@root.strings.remove}}&quot;</span><br/><span class="hl-2"> &gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">icon</span><span class="hl-2"> </span><span class="hl-9">name</span><span class="hl-2">=</span><span class="hl-7">&quot;cross&quot;</span><span class="hl-2"> </span><span class="hl-9">size</span><span class="hl-2">=</span><span class="hl-7">&quot;0.9em&quot;</span><span class="hl-2">&gt;&lt;/</span><span class="hl-13">hawksearch</span><span class="hl-2">-</span><span class="hl-13">icon</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">&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>
40
+ <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;flex-gap flex-gap--xs selected-facets&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">selections</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;selected-facets__item&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;selected-facets__item__field&quot;</span><span class="hl-2">&gt;{{</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">span</span><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;selected-facets__item__value{{attribute &#39; selected-facets__item__value--excluded&#39; excluded}}&quot;</span><span class="hl-2">&gt;{{</span><span class="hl-9">selectionTitle</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">a</span><br/><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">facet</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><br/><span class="hl-2"> </span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">facet</span><span class="hl-2">-</span><span class="hl-9">value</span><span class="hl-2">=</span><span class="hl-7">&quot;{{selectionValue}}&quot;</span><br/><span class="hl-2"> </span><span class="hl-9">class</span><span class="hl-2">=</span><span class="hl-7">&quot;selected-facets__item__remove&quot;</span><br/><span class="hl-2"> </span><span class="hl-9">title</span><span class="hl-2">=</span><span class="hl-7">&quot;{{@root.strings.remove}}&quot;</span><br/><span class="hl-2"> &gt;</span><br/><span class="hl-2"> &lt;</span><span class="hl-9">hawksearch</span><span class="hl-2">-</span><span class="hl-9">icon</span><span class="hl-2"> </span><span class="hl-9">name</span><span class="hl-2">=</span><span class="hl-7">&quot;cross&quot;</span><span class="hl-2"> </span><span class="hl-9">size</span><span class="hl-2">=</span><span class="hl-7">&quot;0.9em&quot;</span><span class="hl-2">&gt;&lt;/</span><span class="hl-14">hawksearch</span><span class="hl-2">-</span><span class="hl-14">icon</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">&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>
41
41
  </code><button>Copy</button></pre>
42
42
  </div>
43
43
  <div class="tsd-comment tsd-typography"></div></section>
@@ -76,6 +76,7 @@
76
76
  <a href="Components.SelectedFacetsComponent.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>
77
77
  <a href="Components.SelectedFacetsComponent.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>
78
78
  <a href="Components.SelectedFacetsComponent.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>
79
+ <a href="Components.SelectedFacetsComponent.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>
79
80
  </div></section></div></details></section></section>
80
81
  <section class="tsd-panel-group tsd-member-group">
81
82
  <h2>Properties</h2>
@@ -224,7 +225,26 @@
224
225
  <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>
225
226
 
226
227
  <div class="tsd-comment tsd-typography"></div><aside class="tsd-sources">
227
- <p>Overrides <a href="Components.BaseComponent.html">BaseComponent</a>.<a href="Components.BaseComponent.html#renderContent">renderContent</a></p></aside></li></ul></section></section></div>
228
+ <p>Overrides <a href="Components.BaseComponent.html">BaseComponent</a>.<a href="Components.BaseComponent.html#renderContent">renderContent</a></p></aside></li></ul></section>
229
+ <section class="tsd-panel tsd-member tsd-is-protected tsd-is-inherited"><a id="triggerEvent" class="tsd-anchor"></a>
230
+ <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>
231
+ <ul class="tsd-signatures tsd-is-protected tsd-is-inherited">
232
+ <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>
233
+ <li class="tsd-description">
234
+ <section class="tsd-panel">
235
+ <h4>Type Parameters</h4>
236
+ <ul class="tsd-type-parameter-list">
237
+ <li>
238
+ <h4><span class="tsd-kind-type-parameter">T</span></h4></li></ul></section>
239
+ <div class="tsd-parameters">
240
+ <h4 class="tsd-parameters-title">Parameters</h4>
241
+ <ul class="tsd-parameter-list">
242
+ <li>
243
+ <h5><span class="tsd-kind-parameter">name</span>: <span class="tsd-signature-type">string</span></h5></li>
244
+ <li>
245
+ <h5><span class="tsd-kind-parameter">data</span>: <span class="tsd-signature-type tsd-kind-type-parameter">T</span></h5></li></ul></div>
246
+ <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
247
+ <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>
228
248
  <div class="col-sidebar">
229
249
  <div class="page-menu">
230
250
  <div class="tsd-navigation settings">
@@ -265,7 +285,8 @@
265
285
  <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>
266
286
  <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>
267
287
  <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>
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></ul></div></details></div>
288
+ <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>
289
+ <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>
269
290
  <div class="site-menu">
270
291
  <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>
271
292
  <ul class="tsd-small-nested-navigation">
@@ -318,6 +339,7 @@
318
339
  <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>
319
340
  <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>
320
341
  <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>
342
+ <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>
321
343
  <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>
322
344
  <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>
323
345
  <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>